/*
Theme Name: mm159
Theme URI: https://mm159.co/
Author: mm159
Author URI: https://mm159.co/
Description: Test
Version: 1.3
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
Text Domain: twentytwenty
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@100;200;300;400;500;600;800;900&display=swap');
body {
    background: rgb(0, 0, 0);
    font-family: 'Kanit', sans-serif;
    position: relative;
    color: white;
    height: 100%!important;
    overflow-x: hidden;
    -ms-flex-direction: column!important;
    flex-direction: column!important;
    display: -ms-flexbox!important;
    display: flex!important;
}
/*
    DEMO STYLE
*/

#sidebar p {
    font-size: .5em;
    font-weight: 300;
    line-height: 1.7em;
    color: #999;
}
#sidebar a, #sidebar a:hover, #sidebar a:focus {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
}
#sidebar.wpadmin {
    margin-top: 32px;
}
.navbar {
    padding: 15px 10px;
    background: #fff;
    border: none;
    border-radius: 0;
    margin-bottom: 40px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}
.navbar-btn {
    box-shadow: none;
    outline: none !important;
    border: none;
}
.line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    margin: 40px 0;
}
/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */

#sidebar {
    width: 250px;
    position: fixed;
    top: 0;
    left: -250px;
    height: 100vh;
    z-index: 999;
    background: #12121bb0;
    color: #fff;
    transition: all 0.3s;
    overflow-y: scroll;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}
#sidebar.active {
    left: 0;
}
#dismiss {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: linear-gradient(45deg, #6c6c6c, #3c3c3c);
    border-radius: 20px;
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 20px;
    border: none;
    color: white;
    z-index: 999999999;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
}
#dismiss:hover {
    background: #fff;
    color: #565656;
}
.overlay {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    z-index: 998;
    opacity: 0;
    transition: all 0.5s ease-in-out;
}
.overlay.active {
    display: block;
    opacity: 1;
}
#sidebar .sidebar-header {
    padding: 33px 15px;
    background: rgb(14 14 14);
}
#sidebar .sidebar-header img {
    width: 134px;
    height: auto;
}
#sidebar ul.components {
    border-bottom: 1px solid #ffc705;
}
#sidebar ul p {
    color: #fff;
    padding: 10px;
}
#sidebar ul li a {
    padding: 13px;
    font-size: .9em;
    display: block;
}
#sidebar ul {
    margin: 0;
    padding: 0;
}
#sidebar ul li {
    list-style: none;
}
#sidebar ul li a:hover {
    color: #fff1a8;
    background: #4848488a;
}
a[data-toggle="collapse"] {
    position: relative;
}
.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}
ul ul a {
    font-size: 0.9em !important;
    padding-left: 30px !important;
    background: #6d7fcc;
}
ul.CTAs {
    padding: 20px;
}
ul.CTAs a {
    text-align: center;
    font-size: 0.9em !important;
    display: block;
    border-radius: 5px;
    margin-bottom: 5px;
}
.download {
    background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
    color: white;
    font-size: 20px !important;
    font-weight: bold;
}
.download:hover {
    background: radial-gradient(ellipse farthest-corner at left top, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%), radial-gradient(ellipse farthest-corner at right bottom, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%) !important;
    color: white !important;
    font-size: 17px !important;
}
a.article {
    background-color: #262626;
    color: white;
    font-weight: bold;
}
a.article:hover {
    background: #565656 !important;
    color: #fff !important;
    font-size: 17px !important;
}
/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */

#content {
    width: 100%;
    min-height: 100vh;
    transition: all 0.3s;
    position: absolute;
    top: 0;
    right: 0;
}
a {
    color: white;
}
footer {
    background: linear-gradient(134deg, #0000006b, #0000007d);
    color: white;
    position: relative;
}
footer:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 2px;
    z-index: 9;
    background: linear-gradient(90deg, transparent, rgb(187 197 255) 30%, rgb(187 197 255) 70%, transparent);
}
@media (max-width:767px) {
    footer {
        padding-bottom: 90px;
    }
}
.wrapper-menu {
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    padding: 0;
    outline: none;
    position: absolute;
    left: 10px;
    top: 8px;
    z-index: 1000;
    transition: all .5s;
}
.wrapper-menu2 {
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    padding: 0;
    outline: none;
}
.wrapper-menu.hamopen {
    position: fixed;
    left: 200px;
    top: 8px;
}
.line {
    fill: none;
    stroke: #fff;
    stroke-width: 3;
    transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
.line1 {
    stroke-dasharray: 60 207;
    stroke-width: 3;
    animation: lineone 2s ease 0s infinite normal none;
}
@keyframes lineone {
    0.0% {}
    50.1% {
        transform: scale3d(1.2, 1, 1) translate(-10px);
    }
}
.line2 {
    stroke-dasharray: 60 60;
    stroke-width: 3;
    animation: linetwo 2s ease 0s infinite normal none;
}
@keyframes linetwo {
    0.0% {}
    50.1% {
        transform: scale3d(.8, 1, 1) translate(10px);
    }
}
.line3 {
    stroke-dasharray: 60 207;
    stroke-width: 3;
    animation: linetree 2s ease 0s infinite normal none;
}
@keyframes linetree {
    0.0% {}
    50.1% {
        transform: scale3d(1.2, 1, 1) translate(-10px);
    }
}
.open .line1 {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
    stroke-width: 3;
    animation: yourAnimation 3s ease 0s infinite normal none;
}
.open .line2 {
    stroke-dasharray: 1 60;
    stroke-dashoffset: -30;
    stroke-width: 3;
    animation: yourAnimation 3s ease 0s infinite normal none;
}
.open .line3 {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
    stroke-width: 3;
    animation: yourAnimation 3s ease 0s infinite normal none;
}
@keyframes yourAnimation {
    0.0% {}
    50.1% {}
}
.flexcenter {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
}
/* WP Admin */

.navbarstk.wpadmin.fixedtop {
    top: 33px;
}
#sidebar.wpadmin {
    margin-top: 32px;
}
.navbarstk.wpadmin {}
@media (max-width: 782px) {
    #sidebar.wpadmin {
        margin-top: 46px;
    }
    .navbarstk.wpadmin.fixedtop {
        top: 41px;
    }
}
@media (max-width: 600px) {
    .navbarstk.wpadmin.fixedtop {
        top: -5px;
    }
    #wpadminbar {
        margin-top: -46px;
    }
    #sidebar.wpadmin {
        margin-top: 46px;
    }
    #sidebar.mobilewp {
        margin-top: 0px;
    }
    .navbarstk.mobilewp {
        margin-top: -46px;
    }
    .overlay.mobilewp {
        margin-top: -46px;
    }
}
/* WP Admin */

/*Nav Bar-----------------------------------*/

#sidebar .menu-menu-container li {
    list-style: none;
}
#sidebar .menu-menu-container ul {
    padding: 0;
    margin: 0;
}
.sidebarbtn {
    height: 30px;
    margin-top: 12px;
    margin-left: 5px;
    background: transparent;
    border: none;
    color: white;
    font-size: 30px;
    transition: all .3s;
}
.navbarstk {
    position: fixed;
    z-index: 99;
    width: 100%;
    background: linear-gradient(178deg, #F44336, #9c8c00);
    background: linear-gradient(41deg, #28a745, #5bc0de);
    box-shadow: 0 0 15px #00000094;
    margin: 0 auto;
    height: 90px;
    left: 0;
    right: 0;
    padding: 3px 30px;
    padding-top: 5px;
    transition: all .3s;
}
.navbarstk:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, transparent, #ededed 30%, #b4903a 70%, transparent);
}
.navcontainer {
    width: 100%;
    max-width: 1300px;
    height: 80px;
    margin: 0 auto;
    position: relative;
    display: flex;
}
.navbarstk.sticky {}
.navbarstk img {
    width: 85px;
    height: auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-radius:50%;
}
@media (max-width:991px) {
    .navbarstk img {
        width: 87px;
        margin-left: 10px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
}
@media (max-width:520px) {
    .navbarstk img {
        margin-top: -2px;
        margin-left: 10px;
    }
}
.navbarstk ul {
    margin: 0;
    padding: 0;
    display: flex;
    margin-left: 91px !important;
    height: 100%;
}
@media (max-width:991px) {
    .navbarstk ul {
        display: none !important;
    }
}
.navbarstk li {
    margin: 0;
    padding: 0;
    list-style: none;
    padding: 5px 0 !important;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
}
.navbarstk ul a {
    padding: 10px !important;
    border-radius: 10px !important;
    color: white;
    background: none !important;
    font-weight: 400;
}
@media (max-width:1199px) {
    .navbarstk ul a {
        font-size: 1.3vw;
        padding: .7vw !important;
    }
}
.navbarstk ul a:hover {
    background: #acacac33 !important;
    text-shadow: 0 0 5px white, 0 0 20px white;
    text-decoration: none;
}
.loginregishead {
    position: absolute;
    right: 0;
    margin: 2px;
    display: flex;
}
.loginregishead button:nth-child(2) {
    background-image: radial-gradient(100% 100% at 50% 0, #28a745 0, #067620 44%, #154c22 100%), linear-gradient(90deg, rgb(255, 255, 255), rgb(255, 255, 255) 31.53%, rgb(255, 255, 255) 64.87%, rgb(255 255 255));
}
@media (max-width:991.86px) {
    .loginregishead {
        margin-top: 20px;
    }
}
.loginbtn {
    border-radius: 5px;
    border: none;
    padding: 10px 15px;
    color: white;
    background: linear-gradient(134deg, #ff2e2e, #610f0f);
    box-shadow: rgb(255 255 255) 0px 0px 0px 1.5px inset;
}
.registerbtn {
    border-radius: 5px;
    border: none;
    padding: 10px 10px;
    margin-left: 5px;
    color: white;
    box-shadow: rgb(255 255 255) 0px 0px 0px 1.5px inset;
    background: linear-gradient(168deg, rgba(65, 75, 108, 0.82) 0%, rgb(19, 24, 42) 100%);
}
@media (max-width: 520px) {
    .navbarstk {
        padding: 10px;
    }
    .loginregishead {
        margin: 0;
        margin-top: 13px;
        right: 10px;
    }
    .sidebarbtn {
        font-size: 25px;
        margin-top: 19px;
    }
    .loginbtn {
        font-size: 14px;
    }
    .registerbtn {
        font-size: 14px;
    }
}
@media (max-width: 450px) {
    .navbarstk {
        padding: 10px;
    }
    .loginregishead {
        margin: 0;
        margin-top: 14px;
        right: 5px;
    }
    .sidebarbtn {
        font-size: 25px;
        margin-top: 18px;
    }
    .loginbtn {
        font-size: 12px;
    }
    .registerbtn {
        font-size: 12px;
    }
}
@media (max-width: 390px) {
    .navbarstk img {
        width: 16vw;
        margin-top: 2px;
        margin-left: 11px;
    }
    .navbarstk {
        padding: 5px;
    }
    .loginregishead {
        margin: 0;
        margin-top: 14px;
        right: 5px;
    }
    .sidebarbtn {
        font-size: 25px;
        margin-top: 19px;
        margin-left: 5px;
    }
    .loginbtn {
        font-size: 12px;
    }
    .registerbtn {
        font-size: 12px;
        margin-left: 2px;
    }
}
.btn-primary {
    margin-bottom: 1rem;
    font-size: 0.9rem;
    position: relative;
    -webkit-filter: drop-shadow(0 4px 4px rgba(0, 0, 0, .5));
    filter: drop-shadow(0 4px 4px rgba(0, 0, 0, .5));
    border-radius: 12px;
    border: 2px solid transparent;
    background-image: radial-gradient(100% 100% at 50% 0, #007bff 0, #5bc0de 44%, #007bff 100%), linear-gradient(90deg, #ffffff, #ffffff 31.53%, #ffffff 64.87%, #ffffff);
    background-origin: border-box;
    background-clip: content-box, border-box;
    padding: 0!important;
    transition: -webkit-filter .2s;
    transition: filter .2s;
    transition: filter .2s, -webkit-filter .2s;
    line-height: 22px;
    box-shadow: 0 0 5px #ffffff, 0 0 10px #FFC107, 0 0 15px #FF5722;
}
@media (max-width:991.86px) {
    .btn-primary {
        margin: 0px 10px;
    }
    .btn-primary:nth-child(2) {
        margin: 0px 0px;
    }
}
@media (max-width:390.86px) {
    .btn-primary {
        font-size: 3.2vw;
    }
}
.btn-primary:hover {
    -webkit-filter: saturate(2);
    filter: saturate(2);
    border-color: #ffffff;
    background-image: linear-gradient( 180deg, #121212, #121212 51.68%, #121212), linear-gradient( 90deg, #ffffff, #ffffff 31.53%, #ffffff 64.87%, #ffffff);
}
.btn-primary:after {
    width: 100%;
    height: 2px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    content: "";
    mix-blend-mode: screen;
    bottom: -4px;
}
.btn-primary:before {
    width: 100%;
    height: 2px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    content: "";
    mix-blend-mode: screen;
    top: -4px;
}
.btn-primary a {
    display: block;
    padding: 8px;
    width: 95px;
    color: #ffffff;
    text-decoration: none !important;
    cursor: pointer;
    white-space: nowrap;
}
@media (max-width:450px) {
    .btn-primary a {
        width: 20vw;
        font-size: 3vw;
    }
}
.btn-primary:hover a {
    text-shadow: 0 0 5px white, 0 0 10px #cb6c8d
}
/* Custom NEW Submenu */

.navbarstk li .sub-menu {
    position: absolute;
    display: none;
    flex-direction: column;
    width: 100%;
    max-width: 300px;
    margin-left: 0px !important;
    background: linear-gradient(151deg, #000000, #000000ad);
    border-radius: 16px;
}
.navbarstk li .sub-menu li {
    margin: 0 !important;
}
.navbarstk li:hover .sub-menu {
    display: flex
}
.menu-item-has-children a::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}
.menu-item-has-children li a::after {
    display: none;
}
/* Custom NEW Submenu */

/*Nav Bar-----------------------------------*/

/* Header Game */

#othergamect {
    position: absolute;
    left: 0;
    right: 0;
    overflow: auto;
    scroll-behavior: smooth;
    transition: all .3s;
    z-index: 1;
}
.inothergame {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    max-width: 1299px;
    margin: 0 auto;
    padding: 0 10px;
}
.imgheadgame {
    padding: 15px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
}
.imgheadgame img {
    width: 100px;
    max-width: 100%;
    height: auto;
    min-width: 90px;
}
@media (max-width: 1080px) {
    .imgheadgame {
        padding: 10px;
    }
}
.leftbtnhead, .rightbtnhead {
    position: absolute;
    left: 10px;
    top: 23px;
    display: none;
    background: none;
    padding: 5px;
    border: none;
    color: white;
    font-size: 40px;
    z-index: 2;
    text-shadow: 0 0 5px black, 0 0 15px black, 0 0 25px black, 0 0 35px black;
}
.rightbtnhead {
    right: 10px;
    left: auto;
}
@media (max-width: 991px) {
    .leftbtnhead, .rightbtnhead {
        display: block;
    }
}
/* Header Game */

/* Snow */

.snow {
    position: absolute;
    width: 20px;
    height: 20px;
    margin-left: -200px;
    background-size: cover !important;
    border-radius: 50%;
}
@media (max-width: 900px) {
    .snow {
        margin-left: -50px;
    }
}
.snow:nth-child(1) {
    opacity: 0.534;
    width: 300px;
    height: 300px;
    margin-left: -124px;
    transform: translate(75.396vw, -10px) scale(0.1645);
    animation: fall-1 15s -19s linear infinite;
}
@keyframes fall-1 {
    76.058% {
        transform: translate(83.694vw, 76.058vh) scale(0.1645);
    }
    to {
        transform: translate(79.545vw, 100vh) scale(0.1645);
    }
}
.snow:nth-child(2) {
    opacity: 0.0775;
    width: 70px;
    height: 70px;
    transform: translate(54.4433vw, -10px) scale(0.2508);
    animation: fall-2 15s -18s linear infinite;
}
@keyframes fall-2 {
    54.912% {
        transform: translate(46.3709vw, 54.912vh) scale(0.2508);
    }
    to {
        transform: translate(50.4071vw, 100vh) scale(0.2508);
    }
}
.snow:nth-child(3) {
    opacity: 0.6709;
    width: 40px;
    height: 40px;
    transform: translate(8.9008vw, -10px) scale(0.0517);
    animation: fall-3 20s -26s linear infinite;
}
@keyframes fall-3 {
    73.53% {
        transform: translate(13.0237vw, 73.53vh) scale(0.0517);
    }
    to {
        transform: translate(10.96225vw, 100vh) scale(0.0517);
    }
}
.snow:nth-child(4) {
    opacity: 0.9567;
    width: 80px;
    height: 80px;
    transform: translate(3.6909vw, -10px) scale(0.0528);
    animation: fall-4 20s -2s linear infinite;
}
@keyframes fall-4 {
    63.679% {
        transform: translate(4.0241vw, 63.679vh) scale(0.0528);
    }
    to {
        transform: translate(3.8575vw, 100vh) scale(0.0528);
    }
}
.snow:nth-child(5) {
    opacity: 0.5525;
    width: 90px;
    height: 90px;
    transform: translate(82.8873vw, -10px) scale(0.3366);
    animation: fall-5 12s -15s linear infinite;
}
@keyframes fall-5 {
    61.884% {
        transform: translate(87.332vw, 61.884vh) scale(0.3366);
    }
    to {
        transform: translate(85.10965vw, 100vh) scale(0.3366);
    }
}
.snow:nth-child(6) {
    opacity: 0.6575;
    transform: translate(34.6709vw, -10px) scale(0.8698);
    animation: fall-6 22s -28s linear infinite;
}
@keyframes fall-6 {
    67.858% {
        transform: translate(33.8837vw, 67.858vh) scale(0.8698);
    }
    to {
        transform: translate(34.2773vw, 100vh) scale(0.8698);
    }
}
.snow:nth-child(7) {
    opacity: 0.2475;
    transform: translate(66.0267vw, -10px) scale(0.3979);
    animation: fall-7 25s -29s linear infinite;
}
@keyframes fall-7 {
    39.092% {
        transform: translate(76.0145vw, 39.092vh) scale(0.3979);
    }
    to {
        transform: translate(71.0206vw, 100vh) scale(0.3979);
    }
}
.snow:nth-child(8) {
    opacity: 0.1721;
    transform: translate(22.9058vw, -10px) scale(0.3742);
    animation: fall-8 11s -21s linear infinite;
}
@keyframes fall-8 {
    70.322% {
        transform: translate(18.885vw, 70.322vh) scale(0.3742);
    }
    to {
        transform: translate(20.8954vw, 100vh) scale(0.3742);
    }
}
.snow:nth-child(9) {
    opacity: 0.5972;
    transform: translate(10.3677vw, -10px) scale(0.8251);
    animation: fall-9 30s -20s linear infinite;
}
@keyframes fall-9 {
    71.951% {
        transform: translate(16.3697vw, 71.951vh) scale(0.8251);
    }
    to {
        transform: translate(13.3687vw, 100vh) scale(0.8251);
    }
}
.snow:nth-child(10) {
    opacity: 0.3342;
    transform: translate(81.1471vw, -10px) scale(0.8049);
    animation: fall-10 13s -4s linear infinite;
}
@keyframes fall-10 {
    57.361% {
        transform: translate(74.1875vw, 57.361vh) scale(0.8049);
    }
    to {
        transform: translate(77.6673vw, 100vh) scale(0.8049);
    }
}
.snow:nth-child(11) {
    opacity: 0.5055;
    transform: translate(42.111vw, -10px) scale(0.3191);
    animation: fall-11 23s -4s linear infinite;
}
@keyframes fall-11 {
    38.028% {
        transform: translate(45.8519vw, 38.028vh) scale(0.3191);
    }
    to {
        transform: translate(43.98145vw, 100vh) scale(0.3191);
    }
}
.snow:nth-child(12) {
    opacity: 0.7183;
    transform: translate(99.6708vw, -10px) scale(0.1421);
    animation: fall-12 21s -3s linear infinite;
}
@keyframes fall-12 {
    56.983% {
        transform: translate(103.756vw, 56.983vh) scale(0.1421);
    }
    to {
        transform: translate(101.7134vw, 100vh) scale(0.1421);
    }
}
.snow:nth-child(13) {
    opacity: 0.3081;
    width: 160px;
    height: 160px;
    transform: translate(37.9543vw, -10px) scale(0.5948);
    animation: fall-13 15s -20s linear infinite;
}
@keyframes fall-13 {
    34.269% {
        transform: translate(37.5259vw, 34.269vh) scale(0.5948);
    }
    to {
        transform: translate(37.7401vw, 100vh) scale(0.5948);
    }
}
.snow:nth-child(14) {
    opacity: 0.0336;
    transform: translate(76.5737vw, -10px) scale(0.2317);
    animation: fall-14 23s -1s linear infinite;
}
@keyframes fall-14 {
    55.381% {
        transform: translate(75.9225vw, 55.381vh) scale(0.2317);
    }
    to {
        transform: translate(76.2481vw, 100vh) scale(0.2317);
    }
}
.snow:nth-child(15) {
    opacity: 0.3497;
    transform: translate(75.7438vw, -10px) scale(0.4862);
    animation: fall-15 15s -10s linear infinite;
}
@keyframes fall-15 {
    72.305% {
        transform: translate(81.6158vw, 72.305vh) scale(0.4862);
    }
    to {
        transform: translate(78.6798vw, 100vh) scale(0.4862);
    }
}
.snow:nth-child(16) {
    opacity: 0.8759;
    transform: translate(99.9577vw, -10px) scale(0.6498);
    animation: fall-16 18s -16s linear infinite;
}
@keyframes fall-16 {
    76.458% {
        transform: translate(100.7604vw, 76.458vh) scale(0.6498);
    }
    to {
        transform: translate(100.35905vw, 100vh) scale(0.6498);
    }
}
.snow:nth-child(17) {
    opacity: 0.493;
    transform: translate(30.6426vw, -10px) scale(0.4285);
    animation: fall-17 17s -26s linear infinite;
}
@keyframes fall-17 {
    73.739% {
        transform: translate(40.0897vw, 73.739vh) scale(0.4285);
    }
    to {
        transform: translate(35.36615vw, 100vh) scale(0.4285);
    }
}
.snow:nth-child(18) {
    opacity: 0.7721;
    transform: translate(33.4634vw, -10px) scale(0.3039);
    animation: fall-18 23s -6s linear infinite;
}
@keyframes fall-18 {
    39.416% {
        transform: translate(36.8479vw, 39.416vh) scale(0.3039);
    }
    to {
        transform: translate(35.15565vw, 100vh) scale(0.3039);
    }
}
.snow:nth-child(19) {
    opacity: 0.9363;
    transform: translate(61.6888vw, -10px) scale(0.882);
    animation: fall-19 24s -11s linear infinite;
}
@keyframes fall-19 {
    62.866% {
        transform: translate(64.455vw, 62.866vh) scale(0.882);
    }
    to {
        transform: translate(63.0719vw, 100vh) scale(0.882);
    }
}
.snow:nth-child(20) {
    opacity: 0.4878;
    transform: translate(31.6987vw, -10px) scale(0.5329);
    animation: fall-20 22s -11s linear infinite;
}
@keyframes fall-20 {
    66.507% {
        transform: translate(40.5122vw, 66.507vh) scale(0.5329);
    }
    to {
        transform: translate(36.10545vw, 100vh) scale(0.5329);
    }
}
.snow:nth-child(21) {
    opacity: 0.5719;
    transform: translate(5.8736vw, -10px) scale(0.0732);
    animation: fall-21 25s -5s linear infinite;
}
@keyframes fall-21 {
    44.916% {
        transform: translate(0.02vw, 44.916vh) scale(0.0732);
    }
    to {
        transform: translate(2.9468vw, 100vh) scale(0.0732);
    }
}
.snow:nth-child(22) {
    opacity: 0.3976;
    transform: translate(59.5777vw, -10px) scale(0.9655);
    animation: fall-22 10s -20s linear infinite;
}
@keyframes fall-22 {
    32.958% {
        transform: translate(64.3277vw, 32.958vh) scale(0.9655);
    }
    to {
        transform: translate(61.9527vw, 100vh) scale(0.9655);
    }
}
.snow:nth-child(23) {
    opacity: 0.5989;
    transform: translate(49.5131vw, -10px) scale(0.7366);
    animation: fall-23 22s -5s linear infinite;
}
@keyframes fall-23 {
    38.125% {
        transform: translate(41.1488vw, 38.125vh) scale(0.7366);
    }
    to {
        transform: translate(45.33095vw, 100vh) scale(0.7366);
    }
}
.snow:nth-child(24) {
    opacity: 0.2988;
    transform: translate(56.3979vw, -10px) scale(0.0422);
    animation: fall-24 17s -23s linear infinite;
}
@keyframes fall-24 {
    62.471% {
        transform: translate(61.2109vw, 62.471vh) scale(0.0422);
    }
    to {
        transform: translate(58.8044vw, 100vh) scale(0.0422);
    }
}
.snow:nth-child(25) {
    opacity: 0.7217;
    transform: translate(40.4447vw, -10px) scale(0.4135);
    animation: fall-25 27s -27s linear infinite;
}
@keyframes fall-25 {
    65.301% {
        transform: translate(41.7319vw, 65.301vh) scale(0.4135);
    }
    to {
        transform: translate(41.0883vw, 100vh) scale(0.4135);
    }
}
.snow:nth-child(26) {
    opacity: 0.2391;
    transform: translate(80.14vw, -10px) scale(0.8391);
    animation: fall-26 28s -11s linear infinite;
}
@keyframes fall-26 {
    74.87% {
        transform: translate(83.9577vw, 74.87vh) scale(0.8391);
    }
    to {
        transform: translate(82.04885vw, 100vh) scale(0.8391);
    }
}
.snow:nth-child(27) {
    opacity: 0.9714;
    transform: translate(35.6294vw, -10px) scale(0.1922);
    animation: fall-27 30s -8s linear infinite;
}
@keyframes fall-27 {
    44.806% {
        transform: translate(37.927vw, 44.806vh) scale(0.1922);
    }
    to {
        transform: translate(36.7782vw, 100vh) scale(0.1922);
    }
}
.snow:nth-child(28) {
    opacity: 0.9977;
    transform: translate(15.9197vw, -10px) scale(0.8929);
    animation: fall-28 30s -4s linear infinite;
}
@keyframes fall-28 {
    39.627% {
        transform: translate(25.4983vw, 39.627vh) scale(0.8929);
    }
    to {
        transform: translate(20.709vw, 100vh) scale(0.8929);
    }
}
.snow:nth-child(29) {
    opacity: 0.8962;
    transform: translate(48.2817vw, -10px) scale(0.5376);
    animation: fall-29 21s -13s linear infinite;
}
@keyframes fall-29 {
    53.238% {
        transform: translate(52.0448vw, 53.238vh) scale(0.5376);
    }
    to {
        transform: translate(50.16325vw, 100vh) scale(0.5376);
    }
}
.snow:nth-child(30) {
    opacity: 0.6585;
    transform: translate(78.3632vw, -10px) scale(0.0168);
    animation: fall-30 17s -7s linear infinite;
}
@keyframes fall-30 {
    42.714% {
        transform: translate(81.5976vw, 42.714vh) scale(0.0168);
    }
    to {
        transform: translate(79.9804vw, 100vh) scale(0.0168);
    }
}
.snow:nth-child(31) {
    opacity: 0.5918;
    transform: translate(17.2519vw, -10px) scale(0.5394);
    animation: fall-31 24s -7s linear infinite;
}
@keyframes fall-31 {
    34.314% {
        transform: translate(24.3582vw, 34.314vh) scale(0.5394);
    }
    to {
        transform: translate(20.80505vw, 100vh) scale(0.5394);
    }
}
.snow:nth-child(32) {
    opacity: 0.7082;
    transform: translate(39.7006vw, -10px) scale(0.9485);
    animation: fall-32 27s -30s linear infinite;
}
@keyframes fall-32 {
    75.577% {
        transform: translate(38.6869vw, 75.577vh) scale(0.9485);
    }
    to {
        transform: translate(39.19375vw, 100vh) scale(0.9485);
    }
}
.snow:nth-child(33) {
    opacity: 0.5179;
    transform: translate(93.7584vw, -10px) scale(0.8333);
    animation: fall-33 23s -11s linear infinite;
}
@keyframes fall-33 {
    33.855% {
        transform: translate(93.682vw, 33.855vh) scale(0.8333);
    }
    to {
        transform: translate(93.7202vw, 100vh) scale(0.8333);
    }
}
.snow:nth-child(34) {
    opacity: 0.5029;
    transform: translate(35.9739vw, -10px) scale(0.5104);
    animation: fall-34 24s -24s linear infinite;
}
@keyframes fall-34 {
    58.35% {
        transform: translate(36.7797vw, 58.35vh) scale(0.5104);
    }
    to {
        transform: translate(36.3768vw, 100vh) scale(0.5104);
    }
}
.snow:nth-child(35) {
    opacity: 0.5527;
    transform: translate(82.3251vw, -10px) scale(0.8124);
    animation: fall-35 13s -11s linear infinite;
}
@keyframes fall-35 {
    53.966% {
        transform: translate(90.439vw, 53.966vh) scale(0.8124);
    }
    to {
        transform: translate(86.38205vw, 100vh) scale(0.8124);
    }
}
.snow:nth-child(36) {
    opacity: 0.2106;
    transform: translate(50.0736vw, -10px) scale(0.4657);
    animation: fall-36 14s -29s linear infinite;
}
@keyframes fall-36 {
    48.862% {
        transform: translate(48.5449vw, 48.862vh) scale(0.4657);
    }
    to {
        transform: translate(49.30925vw, 100vh) scale(0.4657);
    }
}
.snow:nth-child(37) {
    opacity: 0.9971;
    transform: translate(38.3758vw, -10px) scale(0.8768);
    animation: fall-37 10s -2s linear infinite;
}
@keyframes fall-37 {
    74.336% {
        transform: translate(45.0828vw, 74.336vh) scale(0.8768);
    }
    to {
        transform: translate(41.7293vw, 100vh) scale(0.8768);
    }
}
.snow:nth-child(38) {
    opacity: 0.3276;
    transform: translate(99.5202vw, -10px) scale(0.0996);
    animation: fall-38 18s -20s linear infinite;
}
@keyframes fall-38 {
    36.339% {
        transform: translate(96.5035vw, 36.339vh) scale(0.0996);
    }
    to {
        transform: translate(98.01185vw, 100vh) scale(0.0996);
    }
}
.snow:nth-child(39) {
    opacity: 0.1548;
    transform: translate(70.1923vw, -10px) scale(0.6676);
    animation: fall-39 16s -19s linear infinite;
}
@keyframes fall-39 {
    74.622% {
        transform: translate(74.5349vw, 74.622vh) scale(0.6676);
    }
    to {
        transform: translate(72.3636vw, 100vh) scale(0.6676);
    }
}
.snow:nth-child(40) {
    opacity: 0.5587;
    transform: translate(52.5582vw, -10px) scale(0.7547);
    animation: fall-40 16s -28s linear infinite;
}
@keyframes fall-40 {
    72.378% {
        transform: translate(58.975vw, 72.378vh) scale(0.7547);
    }
    to {
        transform: translate(55.7666vw, 100vh) scale(0.7547);
    }
}
.snow:nth-child(41) {
    opacity: 0.9942;
    transform: translate(26.9559vw, -10px) scale(0.9488);
    animation: fall-41 11s -28s linear infinite;
}
@keyframes fall-41 {
    47.425% {
        transform: translate(25.0409vw, 47.425vh) scale(0.9488);
    }
    to {
        transform: translate(25.9984vw, 100vh) scale(0.9488);
    }
}
.snow:nth-child(42) {
    opacity: 0.7613;
    transform: translate(32.5007vw, -10px) scale(0.4997);
    animation: fall-42 20s -9s linear infinite;
}
@keyframes fall-42 {
    46.24% {
        transform: translate(34.078vw, 46.24vh) scale(0.4997);
    }
    to {
        transform: translate(33.28935vw, 100vh) scale(0.4997);
    }
}
.snow:nth-child(43) {
    opacity: 0.335;
    transform: translate(32.8351vw, -10px) scale(0.4455);
    animation: fall-43 19s -4s linear infinite;
}
@keyframes fall-43 {
    71.023% {
        transform: translate(23.4028vw, 71.023vh) scale(0.4455);
    }
    to {
        transform: translate(28.11895vw, 100vh) scale(0.4455);
    }
}
.snow:nth-child(44) {
    opacity: 0.301;
    transform: translate(17.2714vw, -10px) scale(0.9555);
    animation: fall-44 11s -3s linear infinite;
}
@keyframes fall-44 {
    78.064% {
        transform: translate(17.2979vw, 78.064vh) scale(0.9555);
    }
    to {
        transform: translate(17.28465vw, 100vh) scale(0.9555);
    }
}
.snow:nth-child(45) {
    opacity: 0.7623;
    transform: translate(68.5227vw, -10px) scale(0.9659);
    animation: fall-45 12s -23s linear infinite;
}
@keyframes fall-45 {
    63.086% {
        transform: translate(62.1771vw, 63.086vh) scale(0.9659);
    }
    to {
        transform: translate(65.3499vw, 100vh) scale(0.9659);
    }
}
.snow:nth-child(46) {
    opacity: 0.1712;
    transform: translate(20.8906vw, -10px) scale(0.6197);
    animation: fall-46 16s -13s linear infinite;
}
@keyframes fall-46 {
    30.799% {
        transform: translate(29.0661vw, 30.799vh) scale(0.6197);
    }
    to {
        transform: translate(24.97835vw, 100vh) scale(0.6197);
    }
}
.snow:nth-child(47) {
    opacity: 0.6102;
    transform: translate(36.037vw, -10px) scale(0.6552);
    animation: fall-47 21s -10s linear infinite;
}
@keyframes fall-47 {
    39.477% {
        transform: translate(33.9874vw, 39.477vh) scale(0.6552);
    }
    to {
        transform: translate(35.0122vw, 100vh) scale(0.6552);
    }
}
.snow:nth-child(48) {
    opacity: 0.2763;
    transform: translate(92.9521vw, -10px) scale(0.373);
    animation: fall-48 21s -18s linear infinite;
}
@keyframes fall-48 {
    70.015% {
        transform: translate(98.8575vw, 70.015vh) scale(0.373);
    }
    to {
        transform: translate(95.9048vw, 100vh) scale(0.373);
    }
}
.snow:nth-child(49) {
    opacity: 0.1116;
    transform: translate(25.9217vw, -10px) scale(0.1441);
    animation: fall-49 12s -21s linear infinite;
}
@keyframes fall-49 {
    46.093% {
        transform: translate(23.2588vw, 46.093vh) scale(0.1441);
    }
    to {
        transform: translate(24.59025vw, 100vh) scale(0.1441);
    }
}
.snow:nth-child(50) {
    opacity: 0.9241;
    transform: translate(28.2813vw, -10px) scale(0.0623);
    animation: fall-50 28s -25s linear infinite;
}
@keyframes fall-50 {
    46.307% {
        transform: translate(29.277vw, 46.307vh) scale(0.0623);
    }
    to {
        transform: translate(28.77915vw, 100vh) scale(0.0623);
    }
}
.snow:nth-child(51) {
    opacity: 0.7621;
    transform: translate(47.7415vw, -10px) scale(0.4586);
    animation: fall-51 16s -5s linear infinite;
}
@keyframes fall-51 {
    31.448% {
        transform: translate(56.5734vw, 31.448vh) scale(0.4586);
    }
    to {
        transform: translate(52.15745vw, 100vh) scale(0.4586);
    }
}
.snow:nth-child(52) {
    opacity: 0.3226;
    transform: translate(45.3697vw, -10px) scale(0.3968);
    animation: fall-52 17s -12s linear infinite;
}
@keyframes fall-52 {
    43.747% {
        transform: translate(46.2027vw, 43.747vh) scale(0.3968);
    }
    to {
        transform: translate(45.7862vw, 100vh) scale(0.3968);
    }
}
.snow:nth-child(53) {
    opacity: 0.697;
    transform: translate(69.9075vw, -10px) scale(0.8783);
    animation: fall-53 25s -9s linear infinite;
}
@keyframes fall-53 {
    31.757% {
        transform: translate(70.5492vw, 31.757vh) scale(0.8783);
    }
    to {
        transform: translate(70.22835vw, 100vh) scale(0.8783);
    }
}
.snow:nth-child(54) {
    opacity: 0.1742;
    transform: translate(40.1113vw, -10px) scale(0.9419);
    animation: fall-54 14s -18s linear infinite;
}
@keyframes fall-54 {
    67.159% {
        transform: translate(36.303vw, 67.159vh) scale(0.9419);
    }
    to {
        transform: translate(38.20715vw, 100vh) scale(0.9419);
    }
}
.snow:nth-child(55) {
    opacity: 0.5521;
    transform: translate(99.8251vw, -10px) scale(0.7485);
    animation: fall-55 18s -30s linear infinite;
}
@keyframes fall-55 {
    76.891% {
        transform: translate(93.5059vw, 76.891vh) scale(0.7485);
    }
    to {
        transform: translate(96.6655vw, 100vh) scale(0.7485);
    }
}
.snow:nth-child(56) {
    opacity: 0.9788;
    transform: translate(68.5088vw, -10px) scale(0.6897);
    animation: fall-56 28s -1s linear infinite;
}
@keyframes fall-56 {
    69.153% {
        transform: translate(61.3004vw, 69.153vh) scale(0.6897);
    }
    to {
        transform: translate(64.9046vw, 100vh) scale(0.6897);
    }
}
.snow:nth-child(57) {
    opacity: 0.1979;
    transform: translate(53.6662vw, -10px) scale(0.3834);
    animation: fall-57 13s -26s linear infinite;
}
@keyframes fall-57 {
    46.139% {
        transform: translate(55.927vw, 46.139vh) scale(0.3834);
    }
    to {
        transform: translate(54.7966vw, 100vh) scale(0.3834);
    }
}
.snow:nth-child(58) {
    opacity: 0.3458;
    transform: translate(28.0817vw, -10px) scale(0.0849);
    animation: fall-58 18s -30s linear infinite;
}
@keyframes fall-58 {
    49.178% {
        transform: translate(19.1755vw, 49.178vh) scale(0.0849);
    }
    to {
        transform: translate(23.6286vw, 100vh) scale(0.0849);
    }
}
.snow:nth-child(59) {
    opacity: 0.4168;
    transform: translate(8.9764vw, -10px) scale(0.0143);
    animation: fall-59 15s -3s linear infinite;
}
@keyframes fall-59 {
    79.587% {
        transform: translate(8.1128vw, 79.587vh) scale(0.0143);
    }
    to {
        transform: translate(8.5446vw, 100vh) scale(0.0143);
    }
}
.snow:nth-child(60) {
    opacity: 0.4121;
    transform: translate(71.809vw, -10px) scale(0.0237);
    animation: fall-60 29s -13s linear infinite;
}
@keyframes fall-60 {
    78.169% {
        transform: translate(63.6266vw, 78.169vh) scale(0.0237);
    }
    to {
        transform: translate(67.7178vw, 100vh) scale(0.0237);
    }
}
.snow:nth-child(61) {
    opacity: 0.7478;
    transform: translate(45.3078vw, -10px) scale(0.2963);
    animation: fall-61 11s -3s linear infinite;
}
@keyframes fall-61 {
    57.846% {
        transform: translate(43.9411vw, 57.846vh) scale(0.2963);
    }
    to {
        transform: translate(44.62445vw, 100vh) scale(0.2963);
    }
}
.snow:nth-child(62) {
    opacity: 0.263;
    transform: translate(53.8586vw, -10px) scale(0.5227);
    animation: fall-62 17s -6s linear infinite;
}
@keyframes fall-62 {
    46.147% {
        transform: translate(51.0937vw, 46.147vh) scale(0.5227);
    }
    to {
        transform: translate(52.47615vw, 100vh) scale(0.5227);
    }
}
.snow:nth-child(63) {
    opacity: 0.2334;
    transform: translate(67.6441vw, -10px) scale(0.0638);
    animation: fall-63 12s -2s linear infinite;
}
@keyframes fall-63 {
    42.346% {
        transform: translate(77.1791vw, 42.346vh) scale(0.0638);
    }
    to {
        transform: translate(72.4116vw, 100vh) scale(0.0638);
    }
}
.snow:nth-child(64) {
    opacity: 0.4917;
    transform: translate(34.112vw, -10px) scale(0.4072);
    animation: fall-64 25s -16s linear infinite;
}
@keyframes fall-64 {
    35.989% {
        transform: translate(44.016vw, 35.989vh) scale(0.4072);
    }
    to {
        transform: translate(39.064vw, 100vh) scale(0.4072);
    }
}
.snow:nth-child(65) {
    opacity: 0.1926;
    transform: translate(58.0063vw, -10px) scale(0.4827);
    animation: fall-65 13s -19s linear infinite;
}
@keyframes fall-65 {
    44.885% {
        transform: translate(65.2994vw, 44.885vh) scale(0.4827);
    }
    to {
        transform: translate(61.65285vw, 100vh) scale(0.4827);
    }
}
.snow:nth-child(66) {
    opacity: 0.5106;
    transform: translate(62.3052vw, -10px) scale(0.7652);
    animation: fall-66 21s -22s linear infinite;
}
@keyframes fall-66 {
    53.684% {
        transform: translate(58.3188vw, 53.684vh) scale(0.7652);
    }
    to {
        transform: translate(60.312vw, 100vh) scale(0.7652);
    }
}
.snow:nth-child(67) {
    opacity: 0.2655;
    transform: translate(91.3544vw, -10px) scale(0.5932);
    animation: fall-67 28s -28s linear infinite;
}
@keyframes fall-67 {
    68.522% {
        transform: translate(86.7918vw, 68.522vh) scale(0.5932);
    }
    to {
        transform: translate(89.0731vw, 100vh) scale(0.5932);
    }
}
.snow:nth-child(68) {
    opacity: 0.9529;
    transform: translate(7.5207vw, -10px) scale(0.6239);
    animation: fall-68 11s -15s linear infinite;
}
@keyframes fall-68 {
    71.952% {
        transform: translate(1.0178vw, 71.952vh) scale(0.6239);
    }
    to {
        transform: translate(4.26925vw, 100vh) scale(0.6239);
    }
}
.snow:nth-child(69) {
    opacity: 0.8134;
    transform: translate(67.9099vw, -10px) scale(0.6494);
    animation: fall-69 10s -16s linear infinite;
}
@keyframes fall-69 {
    49.513% {
        transform: translate(61.6908vw, 49.513vh) scale(0.6494);
    }
    to {
        transform: translate(64.80035vw, 100vh) scale(0.6494);
    }
}
.snow:nth-child(70) {
    opacity: 0.9081;
    transform: translate(74.7317vw, -10px) scale(0.533);
    animation: fall-70 17s -30s linear infinite;
}
@keyframes fall-70 {
    52.45% {
        transform: translate(80.8475vw, 52.45vh) scale(0.533);
    }
    to {
        transform: translate(77.7896vw, 100vh) scale(0.533);
    }
}
.snow:nth-child(71) {
    opacity: 0.0295;
    transform: translate(52.4726vw, -10px) scale(0.5213);
    animation: fall-71 18s -12s linear infinite;
}
@keyframes fall-71 {
    76.495% {
        transform: translate(60.0379vw, 76.495vh) scale(0.5213);
    }
    to {
        transform: translate(56.25525vw, 100vh) scale(0.5213);
    }
}
.snow:nth-child(72) {
    opacity: 0.468;
    transform: translate(95.5206vw, -10px) scale(0.206);
    animation: fall-72 26s -13s linear infinite;
}
@keyframes fall-72 {
    46.866% {
        transform: translate(94.7278vw, 46.866vh) scale(0.206);
    }
    to {
        transform: translate(95.1242vw, 100vh) scale(0.206);
    }
}
.snow:nth-child(73) {
    opacity: 0.6958;
    transform: translate(79.622vw, -10px) scale(0.8517);
    animation: fall-73 28s -5s linear infinite;
}
@keyframes fall-73 {
    49.284% {
        transform: translate(70.6726vw, 49.284vh) scale(0.8517);
    }
    to {
        transform: translate(75.1473vw, 100vh) scale(0.8517);
    }
}
.snow:nth-child(74) {
    opacity: 0.9585;
    transform: translate(61.1761vw, -10px) scale(0.587);
    animation: fall-74 30s -22s linear infinite;
}
@keyframes fall-74 {
    35.532% {
        transform: translate(56.6898vw, 35.532vh) scale(0.587);
    }
    to {
        transform: translate(58.93295vw, 100vh) scale(0.587);
    }
}
.snow:nth-child(75) {
    opacity: 0.7122;
    transform: translate(7.4157vw, -10px) scale(0.6245);
    animation: fall-75 17s -21s linear infinite;
}
@keyframes fall-75 {
    64.813% {
        transform: translate(9.0339vw, 64.813vh) scale(0.6245);
    }
    to {
        transform: translate(8.2248vw, 100vh) scale(0.6245);
    }
}
.snow:nth-child(76) {
    opacity: 0.6398;
    transform: translate(16.9796vw, -10px) scale(0.8246);
    animation: fall-76 19s -3s linear infinite;
}
@keyframes fall-76 {
    34.631% {
        transform: translate(22.3305vw, 34.631vh) scale(0.8246);
    }
    to {
        transform: translate(19.65505vw, 100vh) scale(0.8246);
    }
}
.snow:nth-child(77) {
    opacity: 0.1681;
    transform: translate(20.6176vw, -10px) scale(0.5006);
    animation: fall-77 12s -19s linear infinite;
}
@keyframes fall-77 {
    78.922% {
        transform: translate(11.346vw, 78.922vh) scale(0.5006);
    }
    to {
        transform: translate(15.9818vw, 100vh) scale(0.5006);
    }
}
.snow:nth-child(78) {
    opacity: 0.4783;
    transform: translate(45.662vw, -10px) scale(0.8496);
    animation: fall-78 19s -24s linear infinite;
}
@keyframes fall-78 {
    31.594% {
        transform: translate(45.3955vw, 31.594vh) scale(0.8496);
    }
    to {
        transform: translate(45.52875vw, 100vh) scale(0.8496);
    }
}
.snow:nth-child(79) {
    opacity: 0.4925;
    transform: translate(90.8182vw, -10px) scale(0.6085);
    animation: fall-79 24s -23s linear infinite;
}
@keyframes fall-79 {
    75.905% {
        transform: translate(91.0305vw, 75.905vh) scale(0.6085);
    }
    to {
        transform: translate(90.92435vw, 100vh) scale(0.6085);
    }
}
.snow:nth-child(80) {
    opacity: 0.6809;
    transform: translate(93.297vw, -10px) scale(0.7986);
    animation: fall-80 28s -7s linear infinite;
}
@keyframes fall-80 {
    73.425% {
        transform: translate(87.3879vw, 73.425vh) scale(0.7986);
    }
    to {
        transform: translate(90.34245vw, 100vh) scale(0.7986);
    }
}
.snow:nth-child(81) {
    opacity: 0.9801;
    transform: translate(29.7622vw, -10px) scale(0.1502);
    animation: fall-81 29s -16s linear infinite;
}
@keyframes fall-81 {
    39.974% {
        transform: translate(36.1257vw, 39.974vh) scale(0.1502);
    }
    to {
        transform: translate(32.94395vw, 100vh) scale(0.1502);
    }
}
.snow:nth-child(82) {
    opacity: 0.4323;
    transform: translate(70.0114vw, -10px) scale(0.69);
    animation: fall-82 30s -1s linear infinite;
}
@keyframes fall-82 {
    73.379% {
        transform: translate(71.4414vw, 73.379vh) scale(0.69);
    }
    to {
        transform: translate(70.7264vw, 100vh) scale(0.69);
    }
}
.snow:nth-child(83) {
    opacity: 0.2564;
    transform: translate(37.3592vw, -10px) scale(0.9032);
    animation: fall-83 21s -25s linear infinite;
}
@keyframes fall-83 {
    52.929% {
        transform: translate(32.2872vw, 52.929vh) scale(0.9032);
    }
    to {
        transform: translate(34.8232vw, 100vh) scale(0.9032);
    }
}
.snow:nth-child(84) {
    opacity: 0.4581;
    transform: translate(37.8608vw, -10px) scale(0.965);
    animation: fall-84 18s -1s linear infinite;
}
@keyframes fall-84 {
    52.98% {
        transform: translate(34.6424vw, 52.98vh) scale(0.965);
    }
    to {
        transform: translate(36.2516vw, 100vh) scale(0.965);
    }
}
.snow:nth-child(85) {
    opacity: 0.2925;
    transform: translate(99.3381vw, -10px) scale(0.538);
    animation: fall-85 25s -30s linear infinite;
}
@keyframes fall-85 {
    35.657% {
        transform: translate(105.5795vw, 35.657vh) scale(0.538);
    }
    to {
        transform: translate(102.4588vw, 100vh) scale(0.538);
    }
}
.snow:nth-child(86) {
    opacity: 0.3261;
    transform: translate(94.8492vw, -10px) scale(0.4155);
    animation: fall-86 20s -21s linear infinite;
}
@keyframes fall-86 {
    61.905% {
        transform: translate(92.1533vw, 61.905vh) scale(0.4155);
    }
    to {
        transform: translate(93.50125vw, 100vh) scale(0.4155);
    }
}
.snow:nth-child(87) {
    opacity: 0.1918;
    transform: translate(37.84vw, -10px) scale(0.9024);
    animation: fall-87 26s -26s linear infinite;
}
@keyframes fall-87 {
    42.611% {
        transform: translate(29.926vw, 42.611vh) scale(0.9024);
    }
    to {
        transform: translate(33.883vw, 100vh) scale(0.9024);
    }
}
.snow:nth-child(88) {
    opacity: 0.6643;
    transform: translate(16.5947vw, -10px) scale(0.2062);
    animation: fall-88 24s -8s linear infinite;
}
@keyframes fall-88 {
    31.08% {
        transform: translate(10.1015vw, 31.08vh) scale(0.2062);
    }
    to {
        transform: translate(13.3481vw, 100vh) scale(0.2062);
    }
}
.snow:nth-child(89) {
    opacity: 0.1328;
    transform: translate(42.8037vw, -10px) scale(0.239);
    animation: fall-89 22s -19s linear infinite;
}
@keyframes fall-89 {
    62.599% {
        transform: translate(36.9762vw, 62.599vh) scale(0.239);
    }
    to {
        transform: translate(39.88995vw, 100vh) scale(0.239);
    }
}
.snow:nth-child(90) {
    opacity: 0.6492;
    transform: translate(41.3891vw, -10px) scale(0.3083);
    animation: fall-90 10s -1s linear infinite;
}
@keyframes fall-90 {
    54.672% {
        transform: translate(34.758vw, 54.672vh) scale(0.3083);
    }
    to {
        transform: translate(38.07355vw, 100vh) scale(0.3083);
    }
}
.snow:nth-child(91) {
    opacity: 0.7175;
    transform: translate(51.5248vw, -10px) scale(0.459);
    animation: fall-91 14s -22s linear infinite;
}
@keyframes fall-91 {
    77.241% {
        transform: translate(50.3026vw, 77.241vh) scale(0.459);
    }
    to {
        transform: translate(50.9137vw, 100vh) scale(0.459);
    }
}
.snow:nth-child(92) {
    opacity: 0.2944;
    transform: translate(2.5873vw, -10px) scale(0.5859);
    animation: fall-92 11s -8s linear infinite;
}
@keyframes fall-92 {
    65.902% {
        transform: translate(-2.149vw, 65.902vh) scale(0.5859);
    }
    to {
        transform: translate(0.21915vw, 100vh) scale(0.5859);
    }
}
.snow:nth-child(93) {
    opacity: 0.7797;
    transform: translate(31.424vw, -10px) scale(0.036);
    animation: fall-93 14s -19s linear infinite;
}
@keyframes fall-93 {
    71.9% {
        transform: translate(37.3071vw, 71.9vh) scale(0.036);
    }
    to {
        transform: translate(34.36555vw, 100vh) scale(0.036);
    }
}
.snow:nth-child(94) {
    opacity: 0.9433;
    transform: translate(87.8468vw, -10px) scale(0.3562);
    animation: fall-94 28s -15s linear infinite;
}
@keyframes fall-94 {
    72.278% {
        transform: translate(81.1236vw, 72.278vh) scale(0.3562);
    }
    to {
        transform: translate(84.4852vw, 100vh) scale(0.3562);
    }
}
.snow:nth-child(95) {
    opacity: 0.2219;
    transform: translate(23.7358vw, -10px) scale(0.4692);
    animation: fall-95 17s -17s linear infinite;
}
@keyframes fall-95 {
    69.372% {
        transform: translate(19.488vw, 69.372vh) scale(0.4692);
    }
    to {
        transform: translate(21.6119vw, 100vh) scale(0.4692);
    }
}
.snow:nth-child(96) {
    opacity: 0.691;
    transform: translate(85.0808vw, -10px) scale(0.618);
    animation: fall-96 16s -9s linear infinite;
}
@keyframes fall-96 {
    70.26% {
        transform: translate(86.279vw, 70.26vh) scale(0.618);
    }
    to {
        transform: translate(85.6799vw, 100vh) scale(0.618);
    }
}
.snow:nth-child(97) {
    opacity: 0.6167;
    transform: translate(30.9416vw, -10px) scale(0.6531);
    animation: fall-97 15s -28s linear infinite;
}
@keyframes fall-97 {
    71.863% {
        transform: translate(23.3893vw, 71.863vh) scale(0.6531);
    }
    to {
        transform: translate(27.16545vw, 100vh) scale(0.6531);
    }
}
.snow:nth-child(98) {
    opacity: 0.4362;
    transform: translate(66.6106vw, -10px) scale(0.2504);
    animation: fall-98 12s -4s linear infinite;
}
@keyframes fall-98 {
    40.361% {
        transform: translate(72.9156vw, 40.361vh) scale(0.2504);
    }
    to {
        transform: translate(69.7631vw, 100vh) scale(0.2504);
    }
}
.snow:nth-child(99) {
    opacity: 0.3084;
    transform: translate(6.2838vw, -10px) scale(0.3926);
    animation: fall-99 13s -24s linear infinite;
}
@keyframes fall-99 {
    36.998% {
        transform: translate(7.7005vw, 36.998vh) scale(0.3926);
    }
    to {
        transform: translate(6.99215vw, 100vh) scale(0.3926);
    }
}
.snow:nth-child(100) {
    opacity: 0.4865;
    transform: translate(5.0236vw, -10px) scale(0.9837);
    animation: fall-100 14s -6s linear infinite;
}
@keyframes fall-100 {
    63.912% {
        transform: translate(-3.8074vw, 63.912vh) scale(0.9837);
    }
    to {
        transform: translate(0.6081vw, 100vh) scale(0.9837);
    }
}
.snow:nth-child(101) {
    opacity: 0.5678;
    transform: translate(26.4662vw, -10px) scale(0.1901);
    animation: fall-101 20s -20s linear infinite;
}
@keyframes fall-101 {
    52.296% {
        transform: translate(34.057vw, 52.296vh) scale(0.1901);
    }
    to {
        transform: translate(30.2616vw, 100vh) scale(0.1901);
    }
}
.snow:nth-child(102) {
    opacity: 0.5597;
    transform: translate(46.5843vw, -10px) scale(0.1758);
    animation: fall-102 16s -25s linear infinite;
}
@keyframes fall-102 {
    62.813% {
        transform: translate(52.1065vw, 62.813vh) scale(0.1758);
    }
    to {
        transform: translate(49.3454vw, 100vh) scale(0.1758);
    }
}
.snow:nth-child(103) {
    opacity: 0.354;
    transform: translate(43.3326vw, -10px) scale(0.7481);
    animation: fall-103 30s -21s linear infinite;
}
@keyframes fall-103 {
    40.027% {
        transform: translate(50.7319vw, 40.027vh) scale(0.7481);
    }
    to {
        transform: translate(47.03225vw, 100vh) scale(0.7481);
    }
}
.snow:nth-child(104) {
    opacity: 0.9268;
    transform: translate(89.6226vw, -10px) scale(0.6775);
    animation: fall-104 13s -3s linear infinite;
}
@keyframes fall-104 {
    77.524% {
        transform: translate(92.8319vw, 77.524vh) scale(0.6775);
    }
    to {
        transform: translate(91.22725vw, 100vh) scale(0.6775);
    }
}
.snow:nth-child(105) {
    opacity: 0.9993;
    transform: translate(4.3958vw, -10px) scale(0.5331);
    animation: fall-105 11s -4s linear infinite;
}
@keyframes fall-105 {
    60.215% {
        transform: translate(-1.2906vw, 60.215vh) scale(0.5331);
    }
    to {
        transform: translate(1.5526vw, 100vh) scale(0.5331);
    }
}
.snow:nth-child(106) {
    opacity: 0.483;
    transform: translate(87.5055vw, -10px) scale(0.3107);
    animation: fall-106 30s -13s linear infinite;
}
@keyframes fall-106 {
    38.436% {
        transform: translate(91.0081vw, 38.436vh) scale(0.3107);
    }
    to {
        transform: translate(89.2568vw, 100vh) scale(0.3107);
    }
}
.snow:nth-child(107) {
    opacity: 0.8316;
    transform: translate(21.5769vw, -10px) scale(0.3312);
    animation: fall-107 11s -6s linear infinite;
}
@keyframes fall-107 {
    64.762% {
        transform: translate(29.2493vw, 64.762vh) scale(0.3312);
    }
    to {
        transform: translate(25.4131vw, 100vh) scale(0.3312);
    }
}
.snow:nth-child(108) {
    opacity: 0.7552;
    transform: translate(64.167vw, -10px) scale(0.6062);
    animation: fall-108 19s -3s linear infinite;
}
@keyframes fall-108 {
    74.146% {
        transform: translate(63.5125vw, 74.146vh) scale(0.6062);
    }
    to {
        transform: translate(63.83975vw, 100vh) scale(0.6062);
    }
}
.snow:nth-child(109) {
    opacity: 0.2246;
    transform: translate(76.0596vw, -10px) scale(0.5013);
    animation: fall-109 25s -14s linear infinite;
}
@keyframes fall-109 {
    31.377% {
        transform: translate(73.4475vw, 31.377vh) scale(0.5013);
    }
    to {
        transform: translate(74.75355vw, 100vh) scale(0.5013);
    }
}
.snow:nth-child(110) {
    opacity: 0.7955;
    transform: translate(79.8337vw, -10px) scale(0.3316);
    animation: fall-110 19s -18s linear infinite;
}
@keyframes fall-110 {
    34.047% {
        transform: translate(79.027vw, 34.047vh) scale(0.3316);
    }
    to {
        transform: translate(79.43035vw, 100vh) scale(0.3316);
    }
}
.snow:nth-child(111) {
    opacity: 0.1149;
    transform: translate(44.3954vw, -10px) scale(0.5685);
    animation: fall-111 20s -21s linear infinite;
}
@keyframes fall-111 {
    36.575% {
        transform: translate(49.228vw, 36.575vh) scale(0.5685);
    }
    to {
        transform: translate(46.8117vw, 100vh) scale(0.5685);
    }
}
.snow:nth-child(112) {
    opacity: 0.0052;
    transform: translate(68.3992vw, -10px) scale(0.4173);
    animation: fall-112 13s -22s linear infinite;
}
@keyframes fall-112 {
    58.576% {
        transform: translate(73.4514vw, 58.576vh) scale(0.4173);
    }
    to {
        transform: translate(70.9253vw, 100vh) scale(0.4173);
    }
}
.snow:nth-child(113) {
    opacity: 0.4585;
    transform: translate(49.6133vw, -10px) scale(0.539);
    animation: fall-113 23s -9s linear infinite;
}
@keyframes fall-113 {
    77.373% {
        transform: translate(40.492vw, 77.373vh) scale(0.539);
    }
    to {
        transform: translate(45.05265vw, 100vh) scale(0.539);
    }
}
.snow:nth-child(114) {
    opacity: 0.9112;
    transform: translate(30.9208vw, -10px) scale(0.1033);
    animation: fall-114 26s -16s linear infinite;
}
@keyframes fall-114 {
    72.258% {
        transform: translate(25.479vw, 72.258vh) scale(0.1033);
    }
    to {
        transform: translate(28.1999vw, 100vh) scale(0.1033);
    }
}
.snow:nth-child(115) {
    opacity: 0.1258;
    transform: translate(1.068vw, -10px) scale(0.6907);
    animation: fall-115 26s -8s linear infinite;
}
@keyframes fall-115 {
    38.698% {
        transform: translate(3.2977vw, 38.698vh) scale(0.6907);
    }
    to {
        transform: translate(2.18285vw, 100vh) scale(0.6907);
    }
}
.snow:nth-child(116) {
    opacity: 0.5603;
    transform: translate(98.5386vw, -10px) scale(0.2788);
    animation: fall-116 13s -2s linear infinite;
}
@keyframes fall-116 {
    48.986% {
        transform: translate(91.9954vw, 48.986vh) scale(0.2788);
    }
    to {
        transform: translate(95.267vw, 100vh) scale(0.2788);
    }
}
.snow:nth-child(117) {
    opacity: 0.8023;
    transform: translate(23.5563vw, -10px) scale(0.0032);
    animation: fall-117 20s -19s linear infinite;
}
@keyframes fall-117 {
    79.469% {
        transform: translate(15.7926vw, 79.469vh) scale(0.0032);
    }
    to {
        transform: translate(19.67445vw, 100vh) scale(0.0032);
    }
}
.snow:nth-child(118) {
    opacity: 0.032;
    transform: translate(71.1382vw, -10px) scale(0.2075);
    animation: fall-118 18s -16s linear infinite;
}
@keyframes fall-118 {
    41.558% {
        transform: translate(61.7035vw, 41.558vh) scale(0.2075);
    }
    to {
        transform: translate(66.42085vw, 100vh) scale(0.2075);
    }
}
.snow:nth-child(119) {
    opacity: 0.4504;
    transform: translate(39.1812vw, -10px) scale(0.1752);
    animation: fall-119 16s -28s linear infinite;
}
@keyframes fall-119 {
    37.948% {
        transform: translate(48.7309vw, 37.948vh) scale(0.1752);
    }
    to {
        transform: translate(43.95605vw, 100vh) scale(0.1752);
    }
}
.snow:nth-child(120) {
    opacity: 0.6674;
    transform: translate(96.7173vw, -10px) scale(0.2764);
    animation: fall-120 20s -27s linear infinite;
}
@keyframes fall-120 {
    61.823% {
        transform: translate(106.3098vw, 61.823vh) scale(0.2764);
    }
    to {
        transform: translate(101.51355vw, 100vh) scale(0.2764);
    }
}
.snow:nth-child(121) {
    opacity: 0.8443;
    transform: translate(96.6292vw, -10px) scale(0.695);
    animation: fall-121 20s -10s linear infinite;
}
@keyframes fall-121 {
    42.213% {
        transform: translate(99.9389vw, 42.213vh) scale(0.695);
    }
    to {
        transform: translate(98.28405vw, 100vh) scale(0.695);
    }
}
.snow:nth-child(122) {
    opacity: 0.4001;
    transform: translate(2.3552vw, -10px) scale(0.0603);
    animation: fall-122 15s -16s linear infinite;
}
@keyframes fall-122 {
    64.789% {
        transform: translate(8.4847vw, 64.789vh) scale(0.0603);
    }
    to {
        transform: translate(5.41995vw, 100vh) scale(0.0603);
    }
}
.snow:nth-child(123) {
    opacity: 0.7161;
    transform: translate(20.106vw, -10px) scale(0.609);
    animation: fall-123 10s -27s linear infinite;
}
@keyframes fall-123 {
    34.987% {
        transform: translate(26.5474vw, 34.987vh) scale(0.609);
    }
    to {
        transform: translate(23.3267vw, 100vh) scale(0.609);
    }
}
.snow:nth-child(124) {
    opacity: 0.3005;
    transform: translate(29.5805vw, -10px) scale(0.9724);
    animation: fall-124 17s -7s linear infinite;
}
@keyframes fall-124 {
    38.817% {
        transform: translate(25.8064vw, 38.817vh) scale(0.9724);
    }
    to {
        transform: translate(27.69345vw, 100vh) scale(0.9724);
    }
}
.snow:nth-child(125) {
    opacity: 0.2507;
    transform: translate(79.8698vw, -10px) scale(0.7621);
    animation: fall-125 12s -24s linear infinite;
}
@keyframes fall-125 {
    52.223% {
        transform: translate(74.3302vw, 52.223vh) scale(0.7621);
    }
    to {
        transform: translate(77.1vw, 100vh) scale(0.7621);
    }
}
.snow:nth-child(126) {
    opacity: 0.4169;
    transform: translate(27.008vw, -10px) scale(0.2875);
    animation: fall-126 14s -11s linear infinite;
}
@keyframes fall-126 {
    54.446% {
        transform: translate(36.7846vw, 54.446vh) scale(0.2875);
    }
    to {
        transform: translate(31.8963vw, 100vh) scale(0.2875);
    }
}
.snow:nth-child(127) {
    opacity: 0.831;
    transform: translate(39.87vw, -10px) scale(0.2397);
    animation: fall-127 24s -6s linear infinite;
}
@keyframes fall-127 {
    56.89% {
        transform: translate(44.6441vw, 56.89vh) scale(0.2397);
    }
    to {
        transform: translate(42.25705vw, 100vh) scale(0.2397);
    }
}
.snow:nth-child(128) {
    opacity: 0.1897;
    transform: translate(15.3572vw, -10px) scale(0.1492);
    animation: fall-128 19s -9s linear infinite;
}
@keyframes fall-128 {
    46.96% {
        transform: translate(14.8403vw, 46.96vh) scale(0.1492);
    }
    to {
        transform: translate(15.09875vw, 100vh) scale(0.1492);
    }
}
.snow:nth-child(129) {
    opacity: 0.4022;
    transform: translate(38.6654vw, -10px) scale(0.2238);
    animation: fall-129 18s -21s linear infinite;
}
@keyframes fall-129 {
    62.807% {
        transform: translate(41.2503vw, 62.807vh) scale(0.2238);
    }
    to {
        transform: translate(39.95785vw, 100vh) scale(0.2238);
    }
}
.snow:nth-child(130) {
    opacity: 0.6222;
    transform: translate(87.8381vw, -10px) scale(0.9142);
    animation: fall-130 15s -16s linear infinite;
}
@keyframes fall-130 {
    39.187% {
        transform: translate(92.8261vw, 39.187vh) scale(0.9142);
    }
    to {
        transform: translate(90.3321vw, 100vh) scale(0.9142);
    }
}
.snow:nth-child(131) {
    opacity: 0.944;
    transform: translate(66.2596vw, -10px) scale(0.7177);
    animation: fall-131 30s -30s linear infinite;
}
@keyframes fall-131 {
    32.675% {
        transform: translate(68.4211vw, 32.675vh) scale(0.7177);
    }
    to {
        transform: translate(67.34035vw, 100vh) scale(0.7177);
    }
}
.snow:nth-child(132) {
    opacity: 0.3611;
    transform: translate(61.4404vw, -10px) scale(0.7895);
    animation: fall-132 16s -6s linear infinite;
}
@keyframes fall-132 {
    79.538% {
        transform: translate(55.339vw, 79.538vh) scale(0.7895);
    }
    to {
        transform: translate(58.3897vw, 100vh) scale(0.7895);
    }
}
.snow:nth-child(133) {
    opacity: 0.1562;
    transform: translate(97.2779vw, -10px) scale(0.853);
    animation: fall-133 21s -23s linear infinite;
}
@keyframes fall-133 {
    67.327% {
        transform: translate(91.2418vw, 67.327vh) scale(0.853);
    }
    to {
        transform: translate(94.25985vw, 100vh) scale(0.853);
    }
}
.snow:nth-child(134) {
    opacity: 0.7867;
    transform: translate(85.8494vw, -10px) scale(0.0183);
    animation: fall-134 25s -18s linear infinite;
}
@keyframes fall-134 {
    66.139% {
        transform: translate(76.6986vw, 66.139vh) scale(0.0183);
    }
    to {
        transform: translate(81.274vw, 100vh) scale(0.0183);
    }
}
.snow:nth-child(135) {
    opacity: 0.6634;
    transform: translate(42.0926vw, -10px) scale(0.5788);
    animation: fall-135 14s -27s linear infinite;
}
@keyframes fall-135 {
    37.294% {
        transform: translate(41.9873vw, 37.294vh) scale(0.5788);
    }
    to {
        transform: translate(42.03995vw, 100vh) scale(0.5788);
    }
}
.snow:nth-child(136) {
    opacity: 0.0109;
    transform: translate(18.9377vw, -10px) scale(0.6557);
    animation: fall-136 26s -5s linear infinite;
}
@keyframes fall-136 {
    61.104% {
        transform: translate(15.2903vw, 61.104vh) scale(0.6557);
    }
    to {
        transform: translate(17.114vw, 100vh) scale(0.6557);
    }
}
.snow:nth-child(137) {
    opacity: 0.9876;
    transform: translate(79.8816vw, -10px) scale(0.1495);
    animation: fall-137 26s -5s linear infinite;
}
@keyframes fall-137 {
    48.647% {
        transform: translate(74.5813vw, 48.647vh) scale(0.1495);
    }
    to {
        transform: translate(77.23145vw, 100vh) scale(0.1495);
    }
}
.snow:nth-child(138) {
    opacity: 0.77;
    transform: translate(75.0824vw, -10px) scale(0.098);
    animation: fall-138 27s -22s linear infinite;
}
@keyframes fall-138 {
    38.377% {
        transform: translate(84.9376vw, 38.377vh) scale(0.098);
    }
    to {
        transform: translate(80.01vw, 100vh) scale(0.098);
    }
}
.snow:nth-child(139) {
    opacity: 0.8394;
    transform: translate(94.2176vw, -10px) scale(0.3651);
    animation: fall-139 17s -21s linear infinite;
}
@keyframes fall-139 {
    30.811% {
        transform: translate(91.5131vw, 30.811vh) scale(0.3651);
    }
    to {
        transform: translate(92.86535vw, 100vh) scale(0.3651);
    }
}
.snow:nth-child(140) {
    opacity: 0.458;
    transform: translate(90.3909vw, -10px) scale(0.0584);
    animation: fall-140 15s -17s linear infinite;
}
@keyframes fall-140 {
    69.857% {
        transform: translate(99.7588vw, 69.857vh) scale(0.0584);
    }
    to {
        transform: translate(95.07485vw, 100vh) scale(0.0584);
    }
}
.snow:nth-child(141) {
    opacity: 0.6979;
    transform: translate(95.7061vw, -10px) scale(0.061);
    animation: fall-141 16s -16s linear infinite;
}
@keyframes fall-141 {
    31.085% {
        transform: translate(91.9692vw, 31.085vh) scale(0.061);
    }
    to {
        transform: translate(93.83765vw, 100vh) scale(0.061);
    }
}
.snow:nth-child(142) {
    opacity: 0.7199;
    transform: translate(74.7607vw, -10px) scale(0.4761);
    animation: fall-142 14s -2s linear infinite;
}
@keyframes fall-142 {
    61.234% {
        transform: translate(72.8748vw, 61.234vh) scale(0.4761);
    }
    to {
        transform: translate(73.81775vw, 100vh) scale(0.4761);
    }
}
.snow:nth-child(143) {
    opacity: 0.1602;
    transform: translate(12.7874vw, -10px) scale(0.9131);
    animation: fall-143 23s -20s linear infinite;
}
@keyframes fall-143 {
    46.26% {
        transform: translate(20.3067vw, 46.26vh) scale(0.9131);
    }
    to {
        transform: translate(16.54705vw, 100vh) scale(0.9131);
    }
}
.snow:nth-child(144) {
    opacity: 0.2359;
    transform: translate(89.8658vw, -10px) scale(0.0435);
    animation: fall-144 24s -21s linear infinite;
}
@keyframes fall-144 {
    30.892% {
        transform: translate(82.7411vw, 30.892vh) scale(0.0435);
    }
    to {
        transform: translate(86.30345vw, 100vh) scale(0.0435);
    }
}
.snow:nth-child(145) {
    opacity: 0.884;
    transform: translate(96.3525vw, -10px) scale(0.8571);
    animation: fall-145 15s -17s linear infinite;
}
@keyframes fall-145 {
    37.687% {
        transform: translate(105.8457vw, 37.687vh) scale(0.8571);
    }
    to {
        transform: translate(101.0991vw, 100vh) scale(0.8571);
    }
}
.snow:nth-child(146) {
    opacity: 0.3751;
    transform: translate(72.1425vw, -10px) scale(0.7986);
    animation: fall-146 25s -2s linear infinite;
}
@keyframes fall-146 {
    54.058% {
        transform: translate(79.6155vw, 54.058vh) scale(0.7986);
    }
    to {
        transform: translate(75.879vw, 100vh) scale(0.7986);
    }
}
.snow:nth-child(147) {
    opacity: 0.9007;
    transform: translate(29.3877vw, -10px) scale(0.9358);
    animation: fall-147 22s -22s linear infinite;
}
@keyframes fall-147 {
    71.163% {
        transform: translate(32.6859vw, 71.163vh) scale(0.9358);
    }
    to {
        transform: translate(31.0368vw, 100vh) scale(0.9358);
    }
}
.snow:nth-child(148) {
    opacity: 0.1942;
    transform: translate(47.2977vw, -10px) scale(0.8863);
    animation: fall-148 13s -7s linear infinite;
}
@keyframes fall-148 {
    41.072% {
        transform: translate(53.8159vw, 41.072vh) scale(0.8863);
    }
    to {
        transform: translate(50.5568vw, 100vh) scale(0.8863);
    }
}
.snow:nth-child(149) {
    opacity: 0.9523;
    transform: translate(93.5685vw, -10px) scale(0.4677);
    animation: fall-149 11s -15s linear infinite;
}
@keyframes fall-149 {
    34.744% {
        transform: translate(91.2564vw, 34.744vh) scale(0.4677);
    }
    to {
        transform: translate(92.41245vw, 100vh) scale(0.4677);
    }
}
.snow:nth-child(150) {
    opacity: 0.5587;
    transform: translate(5.8319vw, -10px) scale(0.3473);
    animation: fall-150 23s -30s linear infinite;
}
@keyframes fall-150 {
    47.2% {
        transform: translate(7.2962vw, 47.2vh) scale(0.3473);
    }
    to {
        transform: translate(6.56405vw, 100vh) scale(0.3473);
    }
}
.snow:nth-child(151) {
    opacity: 0.9483;
    transform: translate(26.78vw, -10px) scale(0.8171);
    animation: fall-151 11s -17s linear infinite;
}
@keyframes fall-151 {
    30.929% {
        transform: translate(32.8463vw, 30.929vh) scale(0.8171);
    }
    to {
        transform: translate(29.81315vw, 100vh) scale(0.8171);
    }
}
.snow:nth-child(152) {
    opacity: 0.931;
    transform: translate(24.7978vw, -10px) scale(0.0088);
    animation: fall-152 10s -8s linear infinite;
}
@keyframes fall-152 {
    60.072% {
        transform: translate(16.8175vw, 60.072vh) scale(0.0088);
    }
    to {
        transform: translate(20.80765vw, 100vh) scale(0.0088);
    }
}
.snow:nth-child(153) {
    opacity: 0.4407;
    transform: translate(67.3407vw, -10px) scale(0.5451);
    animation: fall-153 24s -15s linear infinite;
}
@keyframes fall-153 {
    50.76% {
        transform: translate(67.9597vw, 50.76vh) scale(0.5451);
    }
    to {
        transform: translate(67.6502vw, 100vh) scale(0.5451);
    }
}
.snow:nth-child(154) {
    opacity: 0.2989;
    transform: translate(57.5915vw, -10px) scale(0.84);
    animation: fall-154 16s -27s linear infinite;
}
@keyframes fall-154 {
    72.393% {
        transform: translate(61.7336vw, 72.393vh) scale(0.84);
    }
    to {
        transform: translate(59.66255vw, 100vh) scale(0.84);
    }
}
.snow:nth-child(155) {
    opacity: 0.1073;
    transform: translate(57.9797vw, -10px) scale(0.8603);
    animation: fall-155 14s -13s linear infinite;
}
@keyframes fall-155 {
    45.111% {
        transform: translate(56.2478vw, 45.111vh) scale(0.8603);
    }
    to {
        transform: translate(57.11375vw, 100vh) scale(0.8603);
    }
}
.snow:nth-child(156) {
    opacity: 0.7231;
    transform: translate(59.1056vw, -10px) scale(0.3939);
    animation: fall-156 23s -11s linear infinite;
}
@keyframes fall-156 {
    54.286% {
        transform: translate(62.4052vw, 54.286vh) scale(0.3939);
    }
    to {
        transform: translate(60.7554vw, 100vh) scale(0.3939);
    }
}
.snow:nth-child(157) {
    opacity: 0.9237;
    transform: translate(66.7712vw, -10px) scale(0.0957);
    animation: fall-157 16s -1s linear infinite;
}
@keyframes fall-157 {
    43.222% {
        transform: translate(70.1128vw, 43.222vh) scale(0.0957);
    }
    to {
        transform: translate(68.442vw, 100vh) scale(0.0957);
    }
}
.snow:nth-child(158) {
    opacity: 0.8474;
    transform: translate(45.3167vw, -10px) scale(0.7781);
    animation: fall-158 16s -25s linear infinite;
}
@keyframes fall-158 {
    53.101% {
        transform: translate(48.9177vw, 53.101vh) scale(0.7781);
    }
    to {
        transform: translate(47.1172vw, 100vh) scale(0.7781);
    }
}
.snow:nth-child(159) {
    opacity: 0.2804;
    transform: translate(65.0959vw, -10px) scale(0.8121);
    animation: fall-159 27s -22s linear infinite;
}
@keyframes fall-159 {
    67.823% {
        transform: translate(72.579vw, 67.823vh) scale(0.8121);
    }
    to {
        transform: translate(68.83745vw, 100vh) scale(0.8121);
    }
}
.snow:nth-child(160) {
    opacity: 0.5802;
    transform: translate(2.0867vw, -10px) scale(0.5149);
    animation: fall-160 30s -14s linear infinite;
}
@keyframes fall-160 {
    60.143% {
        transform: translate(4.5814vw, 60.143vh) scale(0.5149);
    }
    to {
        transform: translate(3.33405vw, 100vh) scale(0.5149);
    }
}
.snow:nth-child(161) {
    opacity: 0.4309;
    transform: translate(11.4193vw, -10px) scale(0.8993);
    animation: fall-161 26s -11s linear infinite;
}
@keyframes fall-161 {
    36.472% {
        transform: translate(13.2057vw, 36.472vh) scale(0.8993);
    }
    to {
        transform: translate(12.3125vw, 100vh) scale(0.8993);
    }
}
.snow:nth-child(162) {
    opacity: 0.4049;
    transform: translate(97.5705vw, -10px) scale(0.4232);
    animation: fall-162 22s -14s linear infinite;
}
@keyframes fall-162 {
    55.137% {
        transform: translate(101.8224vw, 55.137vh) scale(0.4232);
    }
    to {
        transform: translate(99.69645vw, 100vh) scale(0.4232);
    }
}
.snow:nth-child(163) {
    opacity: 0.259;
    transform: translate(44.0005vw, -10px) scale(0.7252);
    animation: fall-163 18s -24s linear infinite;
}
@keyframes fall-163 {
    78.197% {
        transform: translate(37.6549vw, 78.197vh) scale(0.7252);
    }
    to {
        transform: translate(40.8277vw, 100vh) scale(0.7252);
    }
}
.snow:nth-child(164) {
    opacity: 0.2765;
    transform: translate(85.5539vw, -10px) scale(0.7785);
    animation: fall-164 10s -4s linear infinite;
}
@keyframes fall-164 {
    50.57% {
        transform: translate(78.7239vw, 50.57vh) scale(0.7785);
    }
    to {
        transform: translate(82.1389vw, 100vh) scale(0.7785);
    }
}
.snow:nth-child(165) {
    opacity: 0.6912;
    transform: translate(94.5052vw, -10px) scale(0.0645);
    animation: fall-165 25s -9s linear infinite;
}
@keyframes fall-165 {
    45.958% {
        transform: translate(100.7214vw, 45.958vh) scale(0.0645);
    }
    to {
        transform: translate(97.6133vw, 100vh) scale(0.0645);
    }
}
.snow:nth-child(166) {
    opacity: 0.9316;
    transform: translate(22.8905vw, -10px) scale(0.9864);
    animation: fall-166 23s -9s linear infinite;
}
@keyframes fall-166 {
    69.86% {
        transform: translate(27.1212vw, 69.86vh) scale(0.9864);
    }
    to {
        transform: translate(25.00585vw, 100vh) scale(0.9864);
    }
}
.snow:nth-child(167) {
    opacity: 0.9459;
    transform: translate(61.4222vw, -10px) scale(0.7371);
    animation: fall-167 10s -13s linear infinite;
}
@keyframes fall-167 {
    36.367% {
        transform: translate(63.0081vw, 36.367vh) scale(0.7371);
    }
    to {
        transform: translate(62.21515vw, 100vh) scale(0.7371);
    }
}
.snow:nth-child(168) {
    opacity: 0.6869;
    transform: translate(10.6862vw, -10px) scale(0.6171);
    animation: fall-168 11s -7s linear infinite;
}
@keyframes fall-168 {
    66.801% {
        transform: translate(2.7584vw, 66.801vh) scale(0.6171);
    }
    to {
        transform: translate(6.7223vw, 100vh) scale(0.6171);
    }
}
.snow:nth-child(169) {
    opacity: 0.8236;
    transform: translate(24.5958vw, -10px) scale(0.1074);
    animation: fall-169 11s -19s linear infinite;
}
@keyframes fall-169 {
    67.236% {
        transform: translate(26.5811vw, 67.236vh) scale(0.1074);
    }
    to {
        transform: translate(25.58845vw, 100vh) scale(0.1074);
    }
}
.snow:nth-child(170) {
    opacity: 0.5983;
    transform: translate(84.8126vw, -10px) scale(0.9982);
    animation: fall-170 27s -20s linear infinite;
}
@keyframes fall-170 {
    45.449% {
        transform: translate(88.2121vw, 45.449vh) scale(0.9982);
    }
    to {
        transform: translate(86.51235vw, 100vh) scale(0.9982);
    }
}
.snow:nth-child(171) {
    opacity: 0.7009;
    transform: translate(41.3796vw, -10px) scale(0.1494);
    animation: fall-171 17s -17s linear infinite;
}
@keyframes fall-171 {
    43.946% {
        transform: translate(45.2387vw, 43.946vh) scale(0.1494);
    }
    to {
        transform: translate(43.30915vw, 100vh) scale(0.1494);
    }
}
.snow:nth-child(172) {
    opacity: 0.6916;
    transform: translate(43.4885vw, -10px) scale(0.2858);
    animation: fall-172 16s -24s linear infinite;
}
@keyframes fall-172 {
    64.846% {
        transform: translate(41.9952vw, 64.846vh) scale(0.2858);
    }
    to {
        transform: translate(42.74185vw, 100vh) scale(0.2858);
    }
}
.snow:nth-child(173) {
    opacity: 0.8938;
    transform: translate(38.746vw, -10px) scale(0.3565);
    animation: fall-173 26s -4s linear infinite;
}
@keyframes fall-173 {
    53.395% {
        transform: translate(43.3591vw, 53.395vh) scale(0.3565);
    }
    to {
        transform: translate(41.05255vw, 100vh) scale(0.3565);
    }
}
.snow:nth-child(174) {
    opacity: 0.4532;
    transform: translate(71.0331vw, -10px) scale(0.1037);
    animation: fall-174 22s -20s linear infinite;
}
@keyframes fall-174 {
    39.406% {
        transform: translate(75.9654vw, 39.406vh) scale(0.1037);
    }
    to {
        transform: translate(73.49925vw, 100vh) scale(0.1037);
    }
}
.snow:nth-child(175) {
    opacity: 0.7432;
    transform: translate(90.2798vw, -10px) scale(0.5112);
    animation: fall-175 13s -17s linear infinite;
}
@keyframes fall-175 {
    37.097% {
        transform: translate(94.6023vw, 37.097vh) scale(0.5112);
    }
    to {
        transform: translate(92.44105vw, 100vh) scale(0.5112);
    }
}
.snow:nth-child(176) {
    opacity: 0.3617;
    transform: translate(33.6599vw, -10px) scale(0.4039);
    animation: fall-176 10s -16s linear infinite;
}
@keyframes fall-176 {
    52.739% {
        transform: translate(36.7326vw, 52.739vh) scale(0.4039);
    }
    to {
        transform: translate(35.19625vw, 100vh) scale(0.4039);
    }
}
.snow:nth-child(177) {
    opacity: 0.5104;
    transform: translate(2.2768vw, -10px) scale(0.4076);
    animation: fall-177 30s -6s linear infinite;
}
@keyframes fall-177 {
    72.895% {
        transform: translate(-3.9951vw, 72.895vh) scale(0.4076);
    }
    to {
        transform: translate(-0.85915vw, 100vh) scale(0.4076);
    }
}
.snow:nth-child(178) {
    opacity: 0.1505;
    transform: translate(38.8929vw, -10px) scale(0.718);
    animation: fall-178 15s -22s linear infinite;
}
@keyframes fall-178 {
    35.12% {
        transform: translate(48.2159vw, 35.12vh) scale(0.718);
    }
    to {
        transform: translate(43.5544vw, 100vh) scale(0.718);
    }
}
.snow:nth-child(179) {
    opacity: 0.8342;
    transform: translate(88.5834vw, -10px) scale(0.8273);
    animation: fall-179 13s -22s linear infinite;
}
@keyframes fall-179 {
    52.075% {
        transform: translate(97.9459vw, 52.075vh) scale(0.8273);
    }
    to {
        transform: translate(93.26465vw, 100vh) scale(0.8273);
    }
}
.snow:nth-child(180) {
    opacity: 0.266;
    transform: translate(15.9573vw, -10px) scale(0.9673);
    animation: fall-180 10s -18s linear infinite;
}
@keyframes fall-180 {
    34.656% {
        transform: translate(7.5959vw, 34.656vh) scale(0.9673);
    }
    to {
        transform: translate(11.7766vw, 100vh) scale(0.9673);
    }
}
.snow:nth-child(181) {
    opacity: 0.1198;
    transform: translate(0.0413vw, -10px) scale(0.7031);
    animation: fall-181 21s -20s linear infinite;
}
@keyframes fall-181 {
    78.775% {
        transform: translate(-5.2287vw, 78.775vh) scale(0.7031);
    }
    to {
        transform: translate(-2.5937vw, 100vh) scale(0.7031);
    }
}
.snow:nth-child(182) {
    opacity: 0.0967;
    transform: translate(35.1471vw, -10px) scale(0.3685);
    animation: fall-182 26s -21s linear infinite;
}
@keyframes fall-182 {
    69.538% {
        transform: translate(44.1424vw, 69.538vh) scale(0.3685);
    }
    to {
        transform: translate(39.64475vw, 100vh) scale(0.3685);
    }
}
.snow:nth-child(183) {
    opacity: 0.6334;
    transform: translate(45.1555vw, -10px) scale(0.8063);
    animation: fall-183 21s -15s linear infinite;
}
@keyframes fall-183 {
    73.958% {
        transform: translate(37.0949vw, 73.958vh) scale(0.8063);
    }
    to {
        transform: translate(41.1252vw, 100vh) scale(0.8063);
    }
}
.snow:nth-child(184) {
    opacity: 0.5374;
    transform: translate(87.2976vw, -10px) scale(0.4604);
    animation: fall-184 12s -4s linear infinite;
}
@keyframes fall-184 {
    49.366% {
        transform: translate(79.6068vw, 49.366vh) scale(0.4604);
    }
    to {
        transform: translate(83.4522vw, 100vh) scale(0.4604);
    }
}
.snow:nth-child(185) {
    opacity: 0.2367;
    transform: translate(79.9045vw, -10px) scale(0.1306);
    animation: fall-185 27s -12s linear infinite;
}
@keyframes fall-185 {
    46.683% {
        transform: translate(74.9667vw, 46.683vh) scale(0.1306);
    }
    to {
        transform: translate(77.4356vw, 100vh) scale(0.1306);
    }
}
.snow:nth-child(186) {
    opacity: 0.763;
    transform: translate(19.4646vw, -10px) scale(0.0943);
    animation: fall-186 15s -10s linear infinite;
}
@keyframes fall-186 {
    77.787% {
        transform: translate(29.087vw, 77.787vh) scale(0.0943);
    }
    to {
        transform: translate(24.2758vw, 100vh) scale(0.0943);
    }
}
.snow:nth-child(187) {
    opacity: 0.6382;
    transform: translate(66.839vw, -10px) scale(0.5247);
    animation: fall-187 20s -13s linear infinite;
}
@keyframes fall-187 {
    69.351% {
        transform: translate(72.0582vw, 69.351vh) scale(0.5247);
    }
    to {
        transform: translate(69.4486vw, 100vh) scale(0.5247);
    }
}
.snow:nth-child(188) {
    opacity: 0.5522;
    transform: translate(12.1174vw, -10px) scale(0.641);
    animation: fall-188 18s -21s linear infinite;
}
@keyframes fall-188 {
    71.395% {
        transform: translate(18.8345vw, 71.395vh) scale(0.641);
    }
    to {
        transform: translate(15.47595vw, 100vh) scale(0.641);
    }
}
.snow:nth-child(189) {
    opacity: 0.1244;
    transform: translate(81.8445vw, -10px) scale(0.4392);
    animation: fall-189 18s -15s linear infinite;
}
@keyframes fall-189 {
    75.358% {
        transform: translate(72.1681vw, 75.358vh) scale(0.4392);
    }
    to {
        transform: translate(77.0063vw, 100vh) scale(0.4392);
    }
}
.snow:nth-child(190) {
    opacity: 0.8645;
    transform: translate(20.0195vw, -10px) scale(0.3038);
    animation: fall-190 20s -29s linear infinite;
}
@keyframes fall-190 {
    77.006% {
        transform: translate(12.2318vw, 77.006vh) scale(0.3038);
    }
    to {
        transform: translate(16.12565vw, 100vh) scale(0.3038);
    }
}
.snow:nth-child(191) {
    opacity: 0.3789;
    transform: translate(45.5349vw, -10px) scale(0.4771);
    animation: fall-191 13s -4s linear infinite;
}
@keyframes fall-191 {
    72.645% {
        transform: translate(36.8468vw, 72.645vh) scale(0.4771);
    }
    to {
        transform: translate(41.19085vw, 100vh) scale(0.4771);
    }
}
.snow:nth-child(192) {
    opacity: 0.1585;
    transform: translate(62.5039vw, -10px) scale(0.4285);
    animation: fall-192 10s -19s linear infinite;
}
@keyframes fall-192 {
    61.39% {
        transform: translate(70.4211vw, 61.39vh) scale(0.4285);
    }
    to {
        transform: translate(66.4625vw, 100vh) scale(0.4285);
    }
}
.snow:nth-child(193) {
    opacity: 0.2829;
    transform: translate(26.501vw, -10px) scale(0.1682);
    animation: fall-193 30s -9s linear infinite;
}
@keyframes fall-193 {
    51.64% {
        transform: translate(32.0887vw, 51.64vh) scale(0.1682);
    }
    to {
        transform: translate(29.29485vw, 100vh) scale(0.1682);
    }
}
.snow:nth-child(194) {
    opacity: 0.1039;
    transform: translate(36.0597vw, -10px) scale(0.2945);
    animation: fall-194 20s -26s linear infinite;
}
@keyframes fall-194 {
    53.749% {
        transform: translate(37.502vw, 53.749vh) scale(0.2945);
    }
    to {
        transform: translate(36.78085vw, 100vh) scale(0.2945);
    }
}
.snow:nth-child(195) {
    opacity: 0.9719;
    transform: translate(59.7679vw, -10px) scale(0.0901);
    animation: fall-195 16s -26s linear infinite;
}
@keyframes fall-195 {
    69.689% {
        transform: translate(62.5276vw, 69.689vh) scale(0.0901);
    }
    to {
        transform: translate(61.14775vw, 100vh) scale(0.0901);
    }
}
.snow:nth-child(196) {
    opacity: 0.7916;
    transform: translate(36.119vw, -10px) scale(0.7404);
    animation: fall-196 22s -2s linear infinite;
}
@keyframes fall-196 {
    49.098% {
        transform: translate(44.1212vw, 49.098vh) scale(0.7404);
    }
    to {
        transform: translate(40.1201vw, 100vh) scale(0.7404);
    }
}
.snow:nth-child(197) {
    opacity: 0.7686;
    transform: translate(18.8665vw, -10px) scale(0.259);
    animation: fall-197 23s -26s linear infinite;
}
@keyframes fall-197 {
    31.61% {
        transform: translate(16.5369vw, 31.61vh) scale(0.259);
    }
    to {
        transform: translate(17.7017vw, 100vh) scale(0.259);
    }
}
.snow:nth-child(198) {
    opacity: 0.2087;
    transform: translate(47.5373vw, -10px) scale(0.5029);
    animation: fall-198 23s -23s linear infinite;
}
@keyframes fall-198 {
    38.477% {
        transform: translate(45.431vw, 38.477vh) scale(0.5029);
    }
    to {
        transform: translate(46.48415vw, 100vh) scale(0.5029);
    }
}
.snow:nth-child(199) {
    opacity: 0.1327;
    transform: translate(81.8019vw, -10px) scale(0.2947);
    animation: fall-199 16s -11s linear infinite;
}
@keyframes fall-199 {
    72.731% {
        transform: translate(83.78vw, 72.731vh) scale(0.2947);
    }
    to {
        transform: translate(82.79095vw, 100vh) scale(0.2947);
    }
}
.snow:nth-child(200) {
    opacity: 0.7121;
    transform: translate(69.9315vw, -10px) scale(0.9038);
    animation: fall-200 28s -30s linear infinite;
}
@keyframes fall-200 {
    60.867% {
        transform: translate(76.5562vw, 60.867vh) scale(0.9038);
    }
    to {
        transform: translate(73.24385vw, 100vh) scale(0.9038);
    }
}
/* Snow */

.section12 {
    background-size: cover !important;
    overflow-x: hidden;
}
/* Section01 */

.section01 {
    padding-top: 140px;
}
.containsec01 {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}
.logosec01 {
    text-align: center;
}
.logosec01 img {
    width: 80%;
    max-width: 210px;
    height: auto;
    border-radius:50%;
}
@keyframes animatelight {
    0.0% {
        -webkit-filter: drop-shadow(0px 0px 2px rgba(238, 159, 255, 1));
        filter: drop-shadow(0px 0px 2px rgba(238, 159, 255, 1));
    }
    20.1% {
        -webkit-filter: drop-shadow(0px 0px 15px rgba(238, 159, 255, 1));
        filter: drop-shadow(0px 0px 15px rgba(238, 159, 255, 1));
    }
    54.1% {
        -webkit-filter: drop-shadow(0px 0px 15px rgba(238, 159, 255, 1));
        filter: drop-shadow(0px 0px 15px rgba(238, 159, 255, 1));
    }
    55.1% {
        -webkit-filter: drop-shadow(0px 0px 2px rgba(238, 159, 255, 1));
        filter: drop-shadow(0px 0px 2px rgba(238, 159, 255, 1));
    }
    56.1% {
        -webkit-filter: drop-shadow(0px 0px 15px rgba(238, 159, 255, 1));
        filter: drop-shadow(0px 0px 15px rgba(238, 159, 255, 1));
    }
    57.1% {
        -webkit-filter: drop-shadow(0px 0px 15px rgba(238, 159, 255, 1));
        filter: drop-shadow(0px 0px 15px rgba(238, 159, 255, 1));
    }
    58.1% {
        -webkit-filter: drop-shadow(0px 0px 2px rgba(238, 159, 255, 1));
        filter: drop-shadow(0px 0px 2px rgba(238, 159, 255, 1));
    }
    59.1% {
        -webkit-filter: drop-shadow(0px 0px 15px rgba(238, 159, 255, 1));
        filter: drop-shadow(0px 0px 15px rgba(238, 159, 255, 1));
    }
    100% {
        -webkit-filter: drop-shadow(0px 0px 2px rgba(238, 159, 255, 1));
        filter: drop-shadow(0px 0px 2px rgba(238, 159, 255, 1));
    }
}
.headtext01 {
    text-align: center;
    width: 100%;
    max-width: 500px;
    margin: 10px auto;
    color: #ffffff;
    font-weight: 300;
    padding: 0 10px;
    text-shadow: 0 0 5px black, 0 0 5px black;
}
.headtext01 h2 {
    font-size: clamp(20px, 3.5vw, 25px);
    color: white;
    font-weight: 400;
    display: inline-block;
    background: linear-gradient( 180deg, #fcf9b1 20%, #fcf9ac 50%, #f3c91a 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: none;
}
.section01btn {
    overflow: unset;
}
:root {
    --clr-neon: rgb(255 255 255);
    --clr-bg: rgba(1, 1, 1, 1);
    --clr-white: rgb(220 74 251);
}
*, *::before, *::after {
    box-sizing: border-box;
}
.-btn {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0;
    transition: all .2s;
    width: 200px;
    display: block;
    margin: 0 auto;
    margin-top: 1.6rem;
}
@media (min-width:992px) {
    .-btn:hover {
        -webkit-transform: scale(1.02);
        transform: scale(1.02)
    }
}
.-btn .-fake-bg {
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 40px;
    width: 96%;
    height: 88%;
    -webkit-transform: translate(-50%, -53%);
    transform: translate(-50%, -53%);
    z-index: 1;
    -webkit-animation: x-wm-white-neon 1.5s ease-in-out infinite alternate;
    animation: x-wm-white-neon 1.5s ease-in-out infinite alternate
}
.-btn .-img {
    width: 100%;
}
.-btn .-text-wrapper {
    height: 77%;
    width: 93%;
    background: radial-gradient(100% 100% at 50% 0, #28a745 0, #067620 44%, #154c22 100%), linear-gradient(90deg, rgb(255, 255, 255), rgb(255, 255, 255) 31.53%, rgb(255, 255, 255) 64.87%, rgb(255 255 255));
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 20px;
    font-weight: 700;
    color: #030a21;
    -webkit-transform: translate(-50%, -55%);
    transform: translate(-50%, -55%);
    z-index: 1;
}
.-btn .-text-wrapper a {
    display: block;
    padding: 0px 90px;
    white-space: nowrap;
    font-weight: 400;
    text-decoration: none;
    color: white;
    margin: 0 auto;
}
.-btn .-text-wrapper .-text {
    position: relative;
    -webkit-filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .6));
    filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .6));
    display: inline-block;
    color: #fff;
    background: #fff -webkit-gradient(linear, 100% 0, 0 0, from(#fff), color-stop(.5, #4499fb), to(#fff));
    background-position: -200px top;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation-name: x-shimmer;
    animation-name: x-shimmer;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
@media (max-width:991.98px) {
    .-btn .-text-wrapper .-text {
        -webkit-animation-duration: 2s;
        animation-duration: 2s
    }
}
.-btn .-text-wrapper .-text.-ma {
    display: none
}
.-btn .-text-wrapper .-ic-img {
    width: 36px;
    margin-right: 10px
}
.-btn .-text-wrapper .-ic {
    margin-left: 10px;
    font-size: 20px;
    -webkit-animation: x-btn-arrow-mover .3s infinite alternate;
    animation: x-btn-arrow-mover .3s infinite alternate
}
.-btn .-twinkle {
    position: absolute;
    z-index: 2
}
.-btn .-twinkle.-item-1 {
    top: -12px;
    right: 15px;
    width: 45px;
    -webkit-animation: x-wm-scale-up .4s linear infinite alternate;
    animation: x-wm-scale-up .4s linear infinite alternate;
    filter: grayscale(1);
}
@media (max-width:575.98px) {
    .-btn .-twinkle.-item-1 {
        top: -15px
    }
}
.-btn .-twinkle.-item-2 {
    top: 37px;
    right: -10px;
    width: 55px;
    -webkit-animation: x-wm-scale-up .4s linear .5s infinite alternate;
    animation: x-wm-scale-up .4s linear .5s infinite alternate;
    filter: grayscale(1);
}
@media (max-width:575.98px) {
    .-btn .-twinkle.-item-2 {
        top: 45px;
        right: -5px;
        width: 40px
    }
}
.-btn .-twinkle.-item-3 {
    top: 39px;
    left: -15px;
    width: 65px;
    -webkit-animation: x-wm-scale-up .4s linear 1s infinite alternate;
    animation: x-wm-scale-up .4s linear 1s infinite alternate;
    filter: grayscale(1);
}
@media (max-width:575.98px) {
    .-btn .-twinkle.-item-3 {
        top: 38px;
        left: -12px;
        width: 50px
    }
}
.-btn.-cannot-entry {
    -webkit-filter: brightness(.4);
    filter: brightness(.4);
    pointer-events: none;
    cursor: not-allowed
}
@-webkit-keyframes x-wm-white-neon {
    0% {
        box-shadow: 0 0 5px #fff, 0 0 8px #fff, 0 0 10px #fff, 0 0 13px #ba955a, 0 0 28px #ba955a, 0 0 36px #ba955a
    }
    to {
        box-shadow: 0 0 2px #fff, 0 0 5px #fff, 0 0 8px #fff, 0 0 10px #ba955a, 0 0 14px #ba955a, 0 0 18px #ba955a
    }
}
@keyframes x-wm-white-neon {
    0% {
        box-shadow: 0 0 5px #fff, 0 0 8px #fff, 0 0 10px #fff, 0 0 13px #ba955a, 0 0 28px #ba955a, 0 0 36px #ba955a
    }
    to {
        box-shadow: 0 0 2px #fff, 0 0 5px #fff, 0 0 8px #fff, 0 0 10px #ba955a, 0 0 14px #ba955a, 0 0 18px #ba955a
    }
}
@-webkit-keyframes x-wm-gold-neon {
    0% {
        box-shadow: 0 0 5px #fff, 0 0 8px #fff, 0 0 10px #fff, 0 0 13px #ba955a, 0 0 28px #ba955a, 0 0 36px #ba955a
    }
    to {
        box-shadow: 0 0 2px #fff, 0 0 5px #fff, 0 0 8px #fff, 0 0 10px #ba955a, 0 0 14px #ba955a, 0 0 18px #ba955a
    }
}
@keyframes x-wm-gold-neon {
    0% {
        box-shadow: 0 0 5px #fff, 0 0 8px #fff, 0 0 10px #fff, 0 0 13px #ba955a, 0 0 28px #ba955a, 0 0 36px #ba955a
    }
    to {
        box-shadow: 0 0 2px #fff, 0 0 5px #fff, 0 0 8px #fff, 0 0 10px #ba955a, 0 0 14px #ba955a, 0 0 18px #ba955a
    }
}
@-webkit-keyframes x-wm-scale-up {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        -webkit-transform: scale(1.75);
        transform: scale(1.75)
    }
}
@keyframes x-wm-scale-up {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        -webkit-transform: scale(1.75);
        transform: scale(1.75)
    }
}
@-webkit-keyframes x-shimmer {
    0% {
        background-position: -200px top
    }
    to {
        background-position: 200px top
    }
}
/* Section01 */

/* Section02 */

.bgsec02 {
    border-radius: 20px;
    position: relative;
}
@media (max-width:767px) {
    .bgsec02 {
        padding-top: 20px;
        background: radial-gradient(100% 100% at 50% 0, #ff8953 0, #ffa11a 44%, #9c3818 100%);
        background-origin: border-box;
        background-clip: content-box, border-box;
        padding: 0;
        box-shadow: 1px 1px 0 1px #8d9cff;
    }
}
.x-service-wrapper {
    background: linear-gradient(0deg, #000000e0, #00000000);
    padding-bottom: 60px;
    margin-top: 10px;
}
.x-hr-border-glow {
    height: 1.5px;
    margin-top: 0;
    margin-bottom: 0;
    background: linear-gradient( 90deg, transparent, #ffd873 30%, #ffd57c 70%, transparent);
    width: 70%;
    text-align: center;
}
.x-hr-border-glow.pinkneon {
    width: 100%;
    background: transparent;
    border-top: 3px solid #ffffff;
}
.x-service-wrapper .-box {
    padding: 0;
    padding-bottom: 15px;
    position: relative;
    z-index: 1;
}
.-box:after {
    content: "";
    position: absolute;
    top: 5px;
    right: 10px;
    z-index: -1;
    bottom: -5px;
    left: 10px;
    border: 2px solid transparent;
    border-radius: 20px;
    box-shadow: 1px 1px 0 1px #5bc0de;
    background: radial-gradient(100% 100% at 50% 0, #ffefc8 0, #b0f1bf 44%, #1f8af9 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
}
@media (max-width:767px) {
    .-box:after {
        display: none;
    }
}
.x-service-wrapper .-box a {
    text-decoration: none!important;
    color: #d2d2d2
}
.x-service-wrapper .-box .-fake-bg {
    display: none
}
.x-service-wrapper .-box .-ic-wrapper {
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: flex-end
}
.x-service-wrapper .-box .-ic-wrapper .-ic-bank, .x-service-wrapper .-box .-ic-wrapper .-ic-otp, .x-service-wrapper .-box .-ic-wrapper .-ic-register {
    width: 100px;
    height: auto;
    margin-bottom: 1rem
}
.x-service-wrapper .-box .-ic-wrapper .-ic {
    width: 120px;
    height: auto;
    margin-bottom: 1rem
}
.x-service-wrapper .-box .-title-h2, .x-service-wrapper .-box h3 {
    color: #fff;
    font-size: 18px;
    margin-bottom: 0;
    white-space: nowrap;
    font-weight: 300;
}
.x-service-wrapper .-box .x-hr-border-glow {
    transition: all .6s
}
.x-service-wrapper .-box:hover .x-hr-border-glow {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}
@media (max-width:991.98px) {
    .x-service-wrapper .-box {
        padding: 0
    }
}
@media (max-width:767.98px) {
    .x-service-wrapper .-box {
        padding: 0;
        padding-left: 10vw;
    }
    .x-service-wrapper .-box .-ic-wrapper {
        height: 100px;
        width: 100px;
        margin-right: 15px;
        display: flex;
        justify-content: center;
        align-items: flex-start
    }
    .x-service-wrapper .-box .x-hr-border-glow {
        margin-left: 0;
        width: 150px
    }
    .x-service-wrapper .-box h3 {
        color: #fff;
        font-size: 1.75rem;
        margin-bottom: 0
    }
}
@media (max-width:575.98px) {
    .x-service-wrapper.-logged .-box .-ic-wrapper {
        width: 120px
    }
}
@media (max-width:480.98px) {
    .x-service-wrapper .-box {
        padding: 0;
        padding-left: 5vw;
    }
}
@media (max-width:400.98px) {
    .x-service-wrapper .-box {
        padding: 0;
        padding-left: 0;
    }
}
.-ic-section02 img {
    width: 90px !important;
}
.Detailsec02 {
    width: 150px;
    margin: 0 auto;
    word-break: break-word;
    font-weight: 200;
    font-size: 14px;
}
@media (max-width: 767.8px) {
    .Detailsec02 {
        width: auto;
        margin: 0 auto;
    }
}
/* Section02 */

/* Section03 */

.section03 {
    background-size: cover !important;
}
.rightanimate03 {
    overflow: hidden;
}
.containsec03 {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 50px 10px;
    padding-bottom: 30px;
}
@media (max-width:767px) {
    .containsec03 {
        width: 100%;
        max-width: 1000px;
        margin: 0 auto;
        padding: 20px 10px;
    }
}
.leftimgsec03 {}
.leftimgsec03 img {
    width: 100%;
    height: auto;
    -webkit-animation: x-floating 6s ease-in-out infinite;
    animation: x-floating 6s ease-in-out infinite;
}
@media (max-width:767px) {
    .leftimgsec03 img {
        -webkit-animation: none;
        animation: none;
    }
}
@keyframes x-floating {
    0% {
        -webkit-transform: translateY(0) rotate(0);
        transform: translateY(0) rotate(0);
    }
    50% {
        -webkit-transform: translateY(-30px) rotate( -1deg);
        transform: translateY(-30px) rotate( -1deg);
    }
    100% {
        -webkit-transform: translateY(0) rotate(0);
        transform: translateY(0) rotate(0);
    }
}
.leftimgsec03 {
    overflow: hidden
}
@media (max-width:767px) {
    .leftimgsec03 img {
        height: auto;
        top: -24px;
        left: 0;
        opacity: 1;
    }
}
.detailsec03 {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    font-size: 15px;
    font-weight: 200;
}
.detailsec03 h5 {
    font-size: 28px;
    font-weight: 600;
    background: linear-gradient( 180deg, #fcf9b1 20%, #fcf9ac 50%, #f3c91a 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
@media (max-width:767px) {
    .detailsec03 h5 {
        text-align: center;
    }
}
.rightimgsec03 {
    overflow: hidden;
}
.rightimgsec03 img {
    width: 100%;
    height: auto;
    margin-top: 20px;
    animation: imgphone 20s ease 0s infinite normal none;
}
@media (max-width:767px) {
    .rightimgsec03 img {
        position: relative;
        max-width: 400px !important;
        margin: 0 auto;
        margin-top: 10px;
        display: block;
    }
}
@keyframes imgphone {
    0.0% {
        transform: translate(0px, 0px) rotate(0deg) scale(1);
    }
    100% {
        transform: translate(0px, 0px) rotate(0deg) scale(1);
    }
    49.6% {
        transform: translate(0px, 0px) rotate(5deg) scale(1.05);
    }
}
.logosec03 {
    text-align: left;
}
@media (max-width:767px) {
    .logosec03 {
        text-align: center;
    }
}
.logosec03 img {
    width: 100%;
    max-width: 132px;
    height: auto;
}
/* Section03 */

/* Section04 */

.headersec04 {
    text-align: center;
    font-size: 40px;
    font-weight: 400 !important;
    margin-top: 15px;
}
.headersec04 .textwidget {
    display: inline;
    background: linear-gradient( 180deg, #ffc3df 20%, #ffb1d6 50%, #d1387f 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.headersec04 h5 {
    font-size: 40px;
    display: inline;
    font-weight: 500;
    background: linear-gradient( 180deg, #fcf9b1 20%, #fcf9ac 50%, #f3c91a 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/* Section04 */

/* Section05 */

.intabcontain {
    display: none;
    padding: 18px 0;
    padding-bottom: 30px;
}
.intabcontain.animate__animated.animate__bounceIn {
    --animate-duration: .8s;
}
.section05 {
    background-size: cover !important;
}
.tabsec05 {
    padding: 20px 0;
    padding-bottom: 0;
    text-align: center;
    background-size: cover !important;
    font-size: 14px;
    font-weight: 200;
    white-space: nowrap;
    width: 100%;
}
.tabsec05 .row {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
}
.tabsec05 span {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    cursor: pointer;
}
.tabsec05 img {
    width: 100%;
    max-width: 50px !important;
    cursor: pointer;
}
.tabsec05 .col-6.active span {
    text-shadow: 0 0 5px white, 0 0 15px white, 0 0 25px white;
    font-weight: 500;
    cursor: pointer;
}
.tabsec05 .col-6.active img {
    max-width: 60px !important -webkit-animation: x-floating-tab 1.5s ease-in-out infinite;
    animation: x-floating-tab 1.5s ease-in-out infinite;
}
@keyframes x-floating-tab {
    0% {
        -webkit-transform: translateY(0) rotate(0);
        transform: translateY(0) rotate(0);
    }
    50% {
        -webkit-transform: translateY(-5px) rotate( -1deg);
        transform: translateY(-5px) rotate( -1deg);
    }
    100% {
        -webkit-transform: translateY(0) rotate(0);
        transform: translateY(0) rotate(0);
    }
}
/* Section05 */

/*Post*/

.headerpost {
    text-align: center;
    font-size: 30px;
    margin-top: 15px;
    text-shadow: 0 0 5px #ff7bc0, 0 0 20px #ff7bc0, 0 0 30px #ff7bc0;
}
.allpostbtn {
    margin: 20px auto;
    display: block;
    border: none;
    border-radius: 10px;
    padding: 10px 15px;
    background: linear-gradient(171deg, #ffa2ce, #e73b8d 51.68%, #6c163f), linear-gradient(90deg, #ffffff, #ffffff 31.53%, #ffffff 64.87%, #ffffff);
    color: white;
    position: relative;
    z-index: 1;
    box-shadow: 0 0 10px black;
    transition: all .2s;
}
.allpostbtn a {
    color: white;
    text-decoration: none;
}
.allpostbtn:hover {
    text-shadow: 0 0 5px white, 0 0 15px white, 0 0 25px white;
}
.allpostbtn2 {
    background: none;
    border: none;
}
.allpostbtn2 a {
    margin: 20px auto;
    display: block;
    border: none;
    border-radius: 10px;
    padding: 10px 15px;
    background: linear-gradient(117deg, #2e2e2e, #010101);
    color: white;
    box-shadow: 0 0 10px black;
    border: 3px solid #cfa7ff;
    transition: all .3s;
}
.allpostbtn2 a:hover {
    background: linear-gradient(180deg, #c798ff 30%, #8055b5);
    text-decoration: none;
}
.containpost {
    height: 491px;
    padding-bottom: 88px;
    position: relative;
    z-index: 1;
}
.postslide .swiper-slide img {
    width: 100%;
    max-width: 420px !important;
    height: auto;
    padding: 5px;
    background: linear-gradient(90deg, #2e2e2e, #010101);
    border-radius: 20px;
    padding-bottom: 70px;
}
.postslide .swiper-slide {
    position: relative;
    margin: 0 15px;
    width: 100%;
    max-width: 420px !important;
}
.headerpostsl {
    position: absolute;
    width: 100%;
    background: linear-gradient(90deg, #2e2e2e, #010101);
    bottom: 35px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    padding: 10px;
    white-space: normal;
}
.swiper-pagination2 {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
}
/*Post*/

/*Comment*/

.headerreview {
    text-align: center;
    font-size: 30px;
    margin-top: 15px;
    text-shadow: 0 0 5px #7b9eff, 0 0 20px #7bff97, 0 0 30px #baff7b;
}
.containcomment {
    padding: 0 20px;
}
@media (max-width:500px) {
    .containcomment {
        padding: 0 10px;
    }
}
@media (max-width:390px) {
    .containcomment {
        padding: 0 0px;
    }
}
.commentct {
    background: #09071296;
    padding: 15px 30px;
    border-radius: 10px;
    margin-top: -4px;
    width: 100%;
    max-width: 950px;
    margin: 29px auto;
    margin-top: 10px;
}
.containpage .commentct {
    max-width: 100%;
}
.commentlist {
    background: transparent;
}
.comment-author.vcard {
    border-radius: 5px;
    background: linear-gradient(3deg, #4f8dfd, #2a3fb5);
    margin-right: 10px;
    padding: 7px 0;
    padding-left: 7px;
    text-shadow: 0 0 5px white, 0 0 15px #81e4e3, 0 0 25px #67dddb;
}
.comment-author.vcard img {
    display: none;
}
.commentct ol {
    margin: 0;
    padding: 0;
    padding-left: 15px;
}
.comment-meta.commentmetadata {
    bottom: 0;
    font-size: 14px;
    color: #c7c7c7;
}
.commentct li {
    margin: 0;
    padding: 0;
    height: 105px;
    position: relative;
    margin-bottom: 20px;
}
.commentct h3 {
    display: none;
}
.commentct .comment-author img {
    display: none;
}
.commentct p {
    margin-bottom: 30px;
    padding-top: 7px;
    font-size: 18px;
    padding-left: 10px;
}
.paginationrv {
    text-align: center;
    font-size: 22px;
}
.prev.page-numbers {
    color: #c5c5c5;
}
.next.page-numbers {
    color: #c5c5c5;
}
.page-numbers.current {
    color: white;
}
.page-numbers {
    color: gray;
}
.reviewcontain {
    font-size: 15px;
}
.headercomment {
    white-space: nowrap;
}
.headercomment img {
    display: inline !important;
    width: 18px !important;
    margin-top: -8px;
}
@media (max-width: 390px) {
    .headercomment img {
        display: inline !important;
        width: 14px !important;
        margin-top: -4px;
    }
}
.datetimerv {
    font-size: 14px;
    color: #c7c7c7;
}
.datetimerv span {
    font-size: 14px;
    color: #d07070;
}
.contentcomment {
    font-size: 16px;
    font-weight: 100;
}
.comments-area {
    display: none;
}
.logged-in .comments-area {
    display: inline;
}
.headercommentbox {
    text-align: center;
    padding: 10px;
    margin: 10px;
    font-size: 18px;
    border-radius: 15px;
    cursor: pointer;
    transition: all .3s;
    background-image: radial-gradient(100% 100% at 50% 0, #ff7aa7 0, #f11962 44%, #9a0957 100%), linear-gradient(90deg, #ffffff, #ffffff 31.53%, #ffffff 64.87%, #ffffff);
    width: 100%;
    border: 2px solid white;
    box-shadow: 0 0 5px white, 0 0 10px white, 0 0 20px white;
    max-width: 400px;
    margin: 0 auto;
}
.headercommentbox:hover {
    background: radial-gradient(100% 100% at 50% 0, #ff7aa7 0, #f11962 44%, #9a0957 100%);
    text-shadow: 0 0 5px white, 0 0 10px white;
}
.commentbox {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    display: none;
}
.commentbox textarea {
    height: 150px;
    max-width: 100%;
    margin-left: -5px;
}
.commentbox input {
    background: #ffffff;
    border: none;
}
.comment-form-url {
    display: none;
}
.commentbox label {
    width: 90px
}
.commentbox .comment-form-cookies-consent {
    display: none;
}
.commentbox .submit {
    background: linear-gradient(180deg, #b13bff 30%, #8529de);
    border: none;
    border-radius: 10px;
    color: white;
    padding: 10px 0;
    width: 100%;
}
.commentbox .form-submit {
    text-align: center;
}
.commentbox .commentlist {
    display: none;
}
.commentbox h3 {
    display: none;
}
.commentbox .commentInputer {
    font-size: 16px;
}
.commentInputer input {
    width: 275px;
}
.comment-form-comment {
    margin: 0;
    padding: 0;
}
.commentbox .saswp-average-rating {
    display: none;
}
/*END Comment*/

/* TabFooter Index */

.x-footer .-mobile-application-container {
    position: relative;
    padding: 3.5rem 0;
    background-size: cover !important;
    background-position: 50%;
    background-repeat: no-repeat;
}
.x-footer .-mobile-application-container:after, .x-footer .-mobile-application-container:before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 4px;
}
.x-footer .-mobile-application-container:before {
    top: 0;
    display: none;
}
.x-footer .-mobile-application-container:after {
    bottom: 0
}
.x-footer .-mobile-application-container .-container-inner-wrapper {
    display: flex;
    align-items: center;
    justify-content: center
}
.x-footer .-mobile-application-container .-container-inner-wrapper .-pre-title {
    font-size: 28px;
    font-weight: 300;
    color: #fff;
    text-align: center;
}
@media (max-width:991.98px) {
    .x-footer .-mobile-application-container .-container-inner-wrapper .-pre-title {
        font-size: 1.62rem
    }
}
.x-footer .-mobile-application-container .-container-inner-wrapper .-pre-title .-normal-text {
    position: relative
}
.x-footer .-mobile-application-container .-container-inner-wrapper .-pre-title .-highlight {
    position: relative;
    background: linear-gradient( 180deg, #fcf9b1 20%, #fcf9ac 50%, #f3c91a 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: .3s;
    font-weight: 600;
    font-size: 32px;
}
.x-footer .-mobile-application-container .-container-inner-wrapper .-pre-title .-highlight .-line-light {
    position: absolute;
    bottom: -5px;
    left: 50%;
    width: 300px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}
.x-footer .-mobile-application-container .-container-inner-wrapper .-pre-title .-highlight:after, .x-footer .-mobile-application-container .-container-inner-wrapper .-pre-title .-highlight:before {
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    background-size: 100%;
    background-position: 50%;
    background-repeat: no-repeat
}
.x-footer .-mobile-application-container .-container-inner-wrapper .-pre-title .-highlight:before {
    top: 0;
    left: -20px
}
.x-footer .-mobile-application-container .-container-inner-wrapper .-pre-title .-highlight:after {
    bottom: -2px;
    right: -5px
}
@media (max-width:767.98px) {
    .x-footer .-mobile-application-container .-container-inner-wrapper .-pre-title .-highlight .-line-light {
        width: 250px
    }
}
.x-footer .-mobile-application-container .-container-inner-wrapper .-pre-title a.-highlight .-line-light {
    bottom: -2px;
    width: 250px
}
.x-footer .-mobile-application-container .-container-inner-wrapper .-pre-title a.-highlight:before {
    display: none
}
.x-footer .-mobile-application-container .-container-inner-wrapper .-pre-title a.-highlight:after {
    top: 5px;
    right: -20px
}
@media (max-width:767.98px) {
    .x-footer .-mobile-application-container .-container-inner-wrapper .-pre-title a.-highlight .-line-light {
        width: 200px
    }
}
@media (max-width:575.98px) {
    .x-footer .-mobile-application-container .-container-inner-wrapper .-pre-title a.-highlight:after {
        right: -10px
    }
}
@media (max-width:767.98px) {
    .x-footer .-mobile-application-container {
        padding: 2.5rem 0
    }
    .x-footer .-mobile-application-container .-container-inner-wrapper {
        flex-direction: column
    }
    .x-footer .-mobile-application-container .-container-inner-wrapper a .-img {
        width: 250px
    }
    .x-footer .-mobile-application-container .-container-inner-wrapper a:last-child {
        margin-top: 1rem
    }
}
/* TabFooter Index */

/*Footer*/

.footercontain {
    width: 100%;
    max-width: 1150px;
    margin: 0 auto;
}
.disfooterct {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(33%, 1fr));
}
.infootergrid {
    display: flex;
    word-break: break-word;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
}
.infootergrid:empty {
    display: none;
}
.fotterctn {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
.footercontain img {
    display: block;
}
.infootergrid:empty {
    display: none;
}
.rightmenu {
    font-size: 30px;
}
}
.infootergrid {
    text-align: center;
}
.infootergrid img {
    margin: 0 auto;
    width: 100%;
    max-width: 250px !important;
}
.infootergrid h2 {
    font-weight: bold;
    background-image: linear-gradient( 180deg, #fcf9b1 20%, #fcf9ac 50%, #f3c91a 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.infootergrid ul {
    padding: none;
    margin: 0;
    display: flex;
    padding: 0;
    padding-left: 10px;
    justify-content: center;
}
.infootergrid li {
    list-style: none;
    font-size: 23px;
    padding: 8px;
    padding-bottom: 4px;
}
.trueimg img {
    display: block;
    width: 250px;
    max-width: 100%;
    margin: 0 auto;
    margin-bottom: 10px;
}
.headerbt {
    display: block;
    font-size: 25px;
    background-image: linear-gradient( 180deg, #fcf9b1 20%, #fcf9ac 50%, #f3c91a 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 500;
}
.bankcontainer {
    text-align: center;
}
.bankcontainer img {
    width: 40px;
    margin: 5px;
    height: auto;
}
@media (max-width: 440px) {
    .bankcontainer img {
        width: 10vw;
        margin: 5px;
        height: auto;
    }
    .infootergrid li {
        list-style: none;
        font-size: 5vw;
        padding: 8px;
        padding-bottom: 4px;
    }
}
@media (max-width:991px) {
    .bankcontainer img {
        width: 40px;
        margin: 5px;
        height: auto;
    }
    .disfooterct {
        display: grid;
        grid-template-columns: 1fr;
        text-align: center;
    }
    .infootergrid h2 {
        margin-top: 20px;
    }
}
/*Footer*/

/*Tab Racommed*/

.tagcontainer {
    text-align: center;
}
.tagcontainer span {
    display: inline-block;
}
.tagcontainer a {
    color: white;
    text-decoration: none;
}
.tagfooter {
    background: linear-gradient(117deg, #354cc6, #45a3fb);
    margin: 5px 2px;
    display: inline-block;
    padding: 2px 10px;
    border-radius: 5px;
}
.tagfooter:hover {
    text-shadow: 0 0 5px white, 0 0 10px white;
}
/*Tab Racommed*/

/* Footer Mobile */

#account-actions-mobile {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 10;
    width: 100%
}
@media (min-width:768px) {
    #account-actions-mobile {
        display: none
    }
}
#account-actions-mobile .-register-btn {
    width: 100%;
    font-size: 1.25rem;
    font-weight: 500;
    background: linear-gradient(180deg, #56ccf2, #2f80ed);
    border-radius: 15px 15px 0 0;
    text-align: center
}
#account-actions-mobile .-register-btn span {
    display: inline-block;
    color: #fff;
    background: #fff -webkit-gradient(linear, 100% 0, 0 0, from(#fff), color-stop(.5, #2f80ed), to(#fff));
    background-position: -200px top;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation-name: x-shimmer;
    animation-name: x-shimmer;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}
@media (max-width:991.98px) {
    #account-actions-mobile .-register-btn span {
        -webkit-animation-duration: 2s;
        animation-duration: 2s
    }
}
@media (max-width:767.98px) {
    #account-actions-mobile .-register-btn span {
        width: 100%
    }
}
#account-actions-mobile .-outer-wrapper {
    display: flex;
    align-items: flex-end
}
#account-actions-mobile .-left-wrapper, #account-actions-mobile .-right-wrapper {
    display: flex;
    align-items: flex-end;
    flex: 1;
    z-index: 2;
    height: 70px;
    padding-bottom: 6px;
/*    background: linear-gradient(#d61e10, #beaa00);*/
background: linear-gradient(#28a745, #5bc0de);
border-top: 3px solid #fff9f1;
transition: -webkit-filter .2s;
transition: filter .2s;
transition: filter .2s, -webkit-filter .2s;
}
#account-actions-mobile .-center-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    z-index: 4;
    width: 80px;
    height: 80px;
    margin: 0 8px 16px;
    padding-bottom: 8px;
    color: #fff;
    border-radius: 50%;
}
#account-actions-mobile .-center-wrapper .-selected, #account-actions-mobile .-center-wrapper .-selecting {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    text-align: center
}
#account-actions-mobile .-center-wrapper .-selected {
    transition: all .4s;
    background-size: 450px;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    background-position: 0 0;
    border-radius: 50%
}
.-selected img {
    width: 109px !important;
    max-width: inherit !important;
    height: auto;
    position: absolute;
    top: 65%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: -10px;
    border-radius: 10px;
}
#account-actions-mobile .-center-wrapper .-selected.-slot {
    background-position: -93px 0
}
#account-actions-mobile .-center-wrapper .-selected.-skill-game {
    background-position: -188px 0
}
#account-actions-mobile .-center-wrapper .-selected.-sport {
    background-position: -282px -2px
}
#account-actions-mobile .-center-wrapper .-selected.-fishing-game {
    background-position: -378px 0
}
#account-actions-mobile .-center-wrapper .-selected .-text {
    font-size: 12px;
    position: absolute;
    bottom: 10px;
    text-shadow: 0 6px 5px rgba(0, 0, 0, .4);
    white-space: nowrap;
}
#account-actions-mobile .-center-wrapper .-selecting {
    display: none
}
#account-actions-mobile .-center-wrapper .-selecting .-text {
    font-size: .875rem;
    line-height: 16px;
    text-shadow: 0 6px 5px rgba(0, 0, 0, .4)
}
#account-actions-mobile .-center-wrapper .-selecting .-mark {
    position: relative;
    margin-top: 5px;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 20px
}
#account-actions-mobile .-center-wrapper:hover {
    color: #fff;
    text-decoration: none
}
#account-actions-mobile .-fake-center-bg-wrapper {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 50px;
    transition: -webkit-filter .2s;
    transition: filter .2s;
    transition: filter .2s, -webkit-filter .2s;
    overflow: hidden
}
#account-actions-mobile .-fake-center-bg-wrapper svg {
    position: absolute;
    left: 50%;
    bottom: 0;
    height: 108px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}
#account-actions-mobile .-fake-center-bg-wrapper svg path {
    fill: url(#rectangleGradient)
}
#account-actions-mobile .-left-wrapper {
    border-top-left-radius: 10px;
    border-top-right-radius: 22px
}
#account-actions-mobile .-right-wrapper {
    border-top-right-radius: 10px;
    border-top-left-radius: 22px
}
#account-actions-mobile .-sub-menu-lobby-wrapper {
    position: absolute;
    flex-direction: row;
    justify-content: center;
    visibility: hidden;
    top: -75px;
    left: 50%;
    z-index: 3;
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(200px) scaleY(2.5) scaleX(.2);
    transform: translateX(-50%) translateY(200px) scaleY(2.5) scaleX(.2);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    transition: all .2s
}
#account-actions-mobile .-sub-menu-lobby-wrapper .nav-item .-text {
    display: inline-block;
    font-size: 10px;
    line-height: 12px;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}
@media (max-width:991.98px) {
    #account-actions-mobile .-sub-menu-lobby-wrapper .nav-item.-casino .-nav-icon-bg {
        background-position: 3px
    }
}
@media (max-width:360px) {
    #account-actions-mobile .-sub-menu-lobby-wrapper .nav-item.-casino .-nav-icon-bg {
        background-position: 0
    }
}
@media (max-width:991.98px) {
    #account-actions-mobile .-sub-menu-lobby-wrapper .nav-item.-slot .-nav-icon-bg {
        background-position: -73px
    }
}
@media (max-width:360px) {
    #account-actions-mobile .-sub-menu-lobby-wrapper .nav-item.-slot .-nav-icon-bg {
        background-position: -75px
    }
}
@media (max-width:991.98px) {
    #account-actions-mobile .-sub-menu-lobby-wrapper .nav-item.-skill-game .-nav-icon-bg {
        background-position: -147px
    }
}
@media (max-width:360px) {
    #account-actions-mobile .-sub-menu-lobby-wrapper .nav-item.-skill-game .-nav-icon-bg {
        top: -12px;
        background-position: -150px
    }
}
@media (max-width:360px) {
    #account-actions-mobile .-sub-menu-lobby-wrapper .nav-item.-skill-game .-text {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}
@media (max-width:991.98px) {
    #account-actions-mobile .-sub-menu-lobby-wrapper .nav-item.-sport .-nav-icon-bg {
        background-position: -221px
    }
}
@media (max-width:360px) {
    #account-actions-mobile .-sub-menu-lobby-wrapper .nav-item.-sport .-nav-icon-bg {
        background-position: -224px
    }
}
@media (max-width:991.98px) {
    #account-actions-mobile .-sub-menu-lobby-wrapper .nav-item.-fishing-game .-nav-icon-bg {
        background-position: -300px
    }
}
@media (max-width:360px) {
    #account-actions-mobile .-sub-menu-lobby-wrapper .nav-item.-fishing-game .-nav-icon-bg {
        background-position: -303px
    }
}
#account-actions-mobile .-sub-menu-lobby-wrapper .nav-link {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    width: 66px;
    height: 66px;
    margin: 0 3px;
    padding: 0;
    text-align: center;
    color: #fff;
    background: linear-gradient(180deg, #393854, #131228);
    border: 1px solid hsla(0, 0%, 100%, .6);
    border-radius: 50%;
    box-shadow: 0 0 10px hsla(0, 0%, 100%, .6)
}
#account-actions-mobile .-sub-menu-lobby-wrapper .nav-link .-nav-icon-bg {
    background-size: 360px;
    background-repeat: no-repeat;
    width: 100%;
    height: 40px;
    top: -15px;
    position: relative
}
#account-actions-mobile .-sub-menu-lobby-wrapper .nav-link:focus {
    outline: none;
    text-decoration: none
}
@media screen and (max-width:360px) {
    #account-actions-mobile .-sub-menu-lobby-wrapper .nav-item .-img {
        margin-top: -15px;
        width: 54px
    }
    #account-actions-mobile .-sub-menu-lobby-wrapper .nav-link {
        width: 60px;
        height: 60px;
        margin: 0 2px
    }
}
#account-actions-mobile .-item-wrapper {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    color: #fff;
    position: relative;
}
.-ic-img img {
    width: 34px;
    height: auto;
    display: block;
    margin: 0 auto;
    padding-bottom: 20px;
    position: relative;
}
#account-actions-mobile .-item-wrapper .-textfooter {
    font-size: .875rem;
    color: #ffffff;
    transition: color .2s;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    margin: 0 auto;
    margin-top: .25rem;
}
#account-actions-mobile .-item-wrapper .-textfooter a {
    color: white;
    text-decoration: none;
}
#account-actions-mobile .-item-wrapper:hover a {
    text-shadow: 0 0 5px white, 0 0 15px white, 0 0 35px white, 0 0 45px white;
}
@media (max-width:575.98px) {
    #account-actions-mobile .-item-wrapper .-textfooter {
        font-size: .8rem
    }
}
#account-actions-mobile .-item-wrapper:active, #account-actions-mobile .-item-wrapper:hover {
    text-decoration: none
}
#account-actions-mobile .-item-wrapper:active .-text, #account-actions-mobile .-item-wrapper:hover .-text {
    color: #f7d18e
}
#account-actions-mobile .-item-wrapper.-shimmer .-text {
    display: inline-block;
    color: #fff;
    background: #97a7c1 -webkit-gradient(linear, 100% 0, 0 0, from(#97a7c1), color-stop(.5, #fff), to(#97a7c1));
    background-position: -200px top;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation-name: x-shimmer;
    animation-name: x-shimmer;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: x-shimmer-shorter;
    animation-name: x-shimmer-shorter
}
@media (max-width:991.98px) {
    #account-actions-mobile .-item-wrapper.-shimmer .-text {
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
        -webkit-animation-duration: 2.5s;
        animation-duration: 2.5s
    }
}
#account-actions-mobile .-fully-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: rgba(0, 0, 0, .6)
}
#account-actions-mobile.-active .-fake-center-bg-wrapper, #account-actions-mobile.-active .-left-wrapper, #account-actions-mobile.-active .-right-wrapper {
    -webkit-filter: brightness(.5);
    filter: brightness(.5)
}
#account-actions-mobile.-active .-fake-center-bg-wrapper a, #account-actions-mobile.-active .-left-wrapper a, #account-actions-mobile.-active .-right-wrapper a {
    pointer-events: none
}
#account-actions-mobile.-active .-center-wrapper {
    background: linear-gradient(0deg, rgba(251, 200, 68, .85), rgba(248, 128, 18, .85))
}
#account-actions-mobile.-active .-center-wrapper .-selected {
    display: none
}
#account-actions-mobile.-active .-center-wrapper .-selecting {
    display: flex
}
#account-actions-mobile.-active .-sub-menu-lobby-wrapper {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateX(-50%) translateY(0) scaleY(1) scaleX(1);
    transform: translateX(-50%) translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}
#account-actions-mobile.-active .-fully-overlay {
    display: block
}
/* Footer Mobile */

/* Fixed Line Sood */

.x-wrapper-right-container {
    display: flex;
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: flex-end;
    position: fixed;
    right: 0;
    z-index: 11
}
@media (min-width:992px) {
    .x-wrapper-right-container {
        top: 30%
    }
}
@media (min-width:768px) and (max-width:991.98px) {
    .x-wrapper-right-container {
        bottom: 30%
    }
}
@media (max-width:767.98px) {
    .x-wrapper-right-container {
        bottom: 112px
    }
}
@media (max-width:575.98px) {
    .x-wrapper-right-container.-has-my-score-ranking {
        bottom: 150px
    }
}
.x-contact-us-v2 .-link-item {
    display: block;
    padding-right: 10px;
    -webkit-filter: drop-shadow(0 0 10px rgba(236, 189, 123, .3));
    filter: drop-shadow(0 0 10px rgba(236, 189, 123, .3));
    transition: -webkit-filter .3s;
    transition: filter .3s;
    transition: filter .3s, -webkit-filter .3s
}
.x-contact-us-v2 .-link-item.-img img {
    width: 95px !important;
    max-width: 95px !important;
    height: auto;
    cursor: pointer;
}
@media (max-width:991.98px) {
    .x-contact-us-v2 .-link-item.-img img {
        width: 70px !important;
        max-width: 70px !important;
    }
}
@media (max-width:767.98px) {
    .x-contact-us-v2 .-link-item.-img img {
        width: 90px !important;
        max-width: 90px !important;
    }
}
.x-contact-us-v2 .-link-item:hover {
    -webkit-filter: drop-shadow(0 0 10px rgba(236, 189, 123, .6));
    filter: drop-shadow(0 0 10px rgba(236, 189, 123, .6))
}
.x-entrance-sood {
    width: 100px;
    position: fixed;
    bottom: 50px;
    left: 30px;
    z-index: 2;
    cursor: pointer;
    transition: all .3s;
}
@media (max-width:1250px) {
    .x-entrance-sood.-img-pattern.sidelinebt {
        bottom: 170px;
    }
}
@media (max-width:767.98px) {
    .x-entrance-sood {
        display: none
    }
}
.x-entrance-sood .-img-pattern {
    width: 100%;
    height: auto;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center
}
.x-entrance-sood .-btn-sood {
    border: none;
    position: absolute;
    bottom: -38px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding-top: 3px;
    height: 30px;
    width: 100px;
    border-radius: 15px
}
@media (min-width:992px) {
    .x-entrance-sood:hover .-img-pattern {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
}
/* Fixed Line Sood */

/* Single Page */

.containpage {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    margin-top: 99px;
    margin-bottom: 20px;
    padding: 10px;
    border-radius: 10px;
    background: #00000066;
}
/* Single Page */

/* AllPost */

/*Post*/

.containpage .category-post h2 {
    display: none;
}
.containpage .category-post ul {
    padding: 0;
    margin: 0;
}
.containpage .category-post li {
    list-style: none;
    padding: 0;
    margin: 0;
}
.containpage .category-post li.current-cat a {
    background: radial-gradient(100% 100% at 50% 0, #ff7aa7 0, #f11962 44%, #9a0957 100%);
    text-shadow: 0 0 5px white, 0 0 20px white, 0 0 30px white;
}
.containpage .category-post ul li a {
    padding: 11px 3px;
    margin-bottom: 9px;
    display: block;
    color: #fff;
    background: #00000063;
    border-radius: 9px;
}
@media (max-width:767px) {
    .containpage .category-post ul {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }
    .containpage .category-post ul li a {
        padding: 10px 5px;
        margin: 0 5px;
        margin-bottom: 10px;
        height: 100%;
        display: flex;
        text-align: center;
        align-content: center;
        justify-content: center;
        flex-direction: column;
        flex-wrap: nowrap;
    }
}
.containpage .pages-post {
    text-align: center;
    margin-top: 10px;
}
.containpage .pages-post a, .containpage .pages-post span {
    display: inline-block;
    background: linear-gradient(180deg, #505050 30%, #262626);
    padding: 10px;
    border-radius: 10px;
}
.containpage .pages-post span {
    background: linear-gradient(180deg, #f52867 30%, #bf001d);
}
/*POST*/

.postcontainer {
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
}
.posthead {}
.nav-link {
    font-size: 16px;
}
.p-post {
    padding: 0 5px !important;
}
.nav-link {
    line-height: 25px;
    padding: 20px 0;
}
.nav-link i {
    width: 40px;
}
.nav-pills .nav-link {
    border-radius: .25rem;
    margin-top: 5px;
    font-size: 18px;
    background: #0000005e;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background: linear-gradient(180deg, #f52867 30%, #bf001d);
    text-shadow: 0 0 5px white;
}
.gridpost {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.ingridpost {
    padding: 5px;
    text-align: center;
    font-size: 18px;
    width: 100%;
}
.iningridpost {
    width: 100%;
    background: #00000045;
    padding: 5px;
    border-radius: 10px;
    font-size: 18px;
    cursor: pointer;
    height: 100%;
    padding-bottom: 13px;
}
.ingridpost img {
    width: 100%;
    height: auto;
    padding-bottom: 5px;
    border-radius: 10px;
}
@media (max-width: 991px) {
    .p-post {
        padding: 0 5px !important;
    }
}
@media (max-width: 768px) {
    .gridpost {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr;
    }
}
@media (max-width: 575px) {
    .nav-pills .nav-link {
        border-radius: .25rem;
        margin-top: 5px;
        background: #2626266e;
    }
    .postmenu {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
    .nav-link {
        padding: 10px 0 !important;
    }
    .gridmenu {
        padding: 3px;
    }
    .nav-link .inpostmenu {
        width: 100%;
        height: 100%;
        padding-top: 10px;
        border-radius: 5px;
    }
    .nav-link.active .inpostmenu {
        width: 100%;
        height: 100%;
        background: transparent;
        padding-top: 10px;
        border-radius: 5px;
    }
}
.head06 img {
    width: 90px;
    -webkit-filter: drop-shadow(0px 0px 7px #b59951);
    filter: drop-shadow(0px 0px 7px #b59951);
}
.head06 {
    padding-top: 15px;
    font-size: 26px;
    white-space: nowrap;
    text-align: center;
}
/*END POST*/

/* AllPost */

/* Slip */

.headerslip {
    text-align: center;
    font-size: 30px;
    margin-top: 15px;
    background: linear-gradient( 180deg, #f0a8f9 20%, #e9d9ff 50%, #ff5af9 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.swiper.sliplide01 {
    width: 100%;
    padding: 10px;
    height: 420px;
}
.sliplide01 .swiper-slide {
    background-position: center;
    background-size: cover;
    width: 350px;
    height: auto;
    margin: 0 15px;
    padding: 4px;
    border-radius: 10px;
}
.sliplide01 .swiper-slide img {
    display: block;
    width: 100%;
    border-radius: 10px;
}
.swiper-pagination3 {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
    bottom: 6px !important;
}
/* Slip */

/* Animation Section01 */

.x-index-top-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 1400px;
}
.x-index-top-container .-inner-wrapper .-card-img img {
    position: absolute
}
.x-index-top-container .-inner-wrapper .-card-img.-card-1 img {
    top: 264px;
    left: -20px;
    width: 170px;
    -webkit-animation: x-card-mover-1 5s infinite alternate;
    animation: x-card-mover-1 5s infinite alternate
}
@media (max-width:1199.98px) {
    .x-index-top-container .-inner-wrapper .-card-img.-card-1 img {
        width: 140px;
        top: 220px
    }
}
@media (max-width:991.98px) {
    .x-index-top-container .-inner-wrapper .-card-img.-card-1 img {
        width: clamp(83px, 28vw, 135px);
        top: 284px;
    }
}
.x-index-top-container .-inner-wrapper .-card-img.-card-2 img {
    bottom: 10px;
    right: 80px;
    width: 150px;
    -webkit-animation: x-card-mover-2 5s infinite alternate;
    animation: x-card-mover-2 5s infinite alternate
}
@media (max-width:991.98px) {
    .x-index-top-container .-inner-wrapper .-card-img.-card-2 img {
        right: 0;
        bottom: 30px;
        width: 120px
    }
}
.x-index-top-container .-inner-wrapper .-card-img.-card-3 img {
    top: 256px;
    right: 20px;
    z-index: 2;
    width: clamp(83px, 10vw, 135px);
    -webkit-animation: x-card-mover-1 5s 1s infinite alternate;
    animation: x-card-mover-1 5s 1s infinite alternate;
}
@media (max-width:991.98px) {
    .x-index-top-container .-inner-wrapper .-card-img.-card-3 img {
        top: 270px;
        right: 4px;
    }
}
.x-index-top-container .-inner-wrapper .-card-img.-card-4 img {
    width: 150px;
    bottom: -20px;
    left: -50px
}
@media (max-width:1199.98px) {
    .x-index-top-container .-inner-wrapper .-card-img.-card-4 img {
        width: 130px;
        left: 50px
    }
}
@media (max-width:991.98px) {
    .x-index-top-container .-inner-wrapper .-card-img.-card-4 img {
        width: 120px;
        left: 0;
        bottom: 40px
    }
}
@media (max-width:575.98px) {
    .x-index-top-container .-inner-wrapper .-card-img.-card-4 img {
        width: 100px;
        bottom: 20px
    }
}
.x-index-top-container .-inner-wrapper .-card-img.-card-5 img {
    width: 110px;
    right: 50px;
    top: 260px
}
@media (max-width:991.98px) {
    .x-index-top-container .-inner-wrapper .-card-img.-card-5 img {
        width: 80px;
        right: 30px;
        top: 230px
    }
}
.x-index-top-container .-inner-wrapper .-card-img.-card-6 img {
    width: 80px;
    right: 380px;
    bottom: 50px
}
@media (max-width:991.98px) {
    .x-index-top-container .-inner-wrapper .-card-img.-card-6 img {
        width: 60px;
        right: 300px;
        bottom: 160px
    }
}
@media (max-width:575.98px) {
    .x-index-top-container .-inner-wrapper .-card-img.-card-6 img {
        width: 50px;
        right: 100px
    }
}
.x-index-top-container .-inner-wrapper .-card-img.-card-7 img {
    width: 80px;
    right: 380px;
    top: 120px
}
@media (max-width:991.98px) {
    .x-index-top-container .-inner-wrapper .-card-img.-card-7 img {
        width: 60px;
        right: 200px
    }
}
@media (max-width:575.98px) {
    .x-index-top-container .-inner-wrapper .-card-img.-card-7 img {
        right: 50px
    }
}
@-webkit-keyframes x-card-mover-1 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}
@keyframes x-card-mover-1 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}
@-webkit-keyframes x-card-mover-2 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    to {
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px)
    }
}
@keyframes x-card-mover-2 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    to {
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px)
    }
}
/* Animation Section01 */

/* Lottie */

.lottieanimate {
    width: 100%;
    position: relative;
}
.lottieanimate01 {
    position: absolute;
    width: 350px;
    height: auto;
    left: -46px;
    top: -92px;
}
.lottieanimate02 {
    position: absolute;
    width: 391px;
    height: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    margin-top: 35px;
}
.lottieanimate03 {
    position: absolute;
    width: 349px;
    height: auto;
    right: 0px;
    top: -118px;
}
@media (max-width:1150px) {
    .lottieanimate01 {
        width: 30vw;
    }
    .lottieanimate02 {
        width: 36vw;
    }
    .lottieanimate03 {
        width: 30vw;
    }
}
@media (max-width: 767px) {
    .lottieanimate {
        width: 100%;
        height: 150px;
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .lottieanimate01 {
        width: 250px;
        left: 5%;
        top: -60px
    }
    .lottieanimate02 {
        width: 300px
    }
    .lottieanimate03 {
        width: 250px;
        right: 5%;
        top: -50px
    }
}
@media (max-width: 550px) {
    .lottieanimate01 {
        width: 200px;
        left: 0;
        top: -60px
    }
    .lottieanimate02 {
        width: 250px
    }
    .lottieanimate03 {
        width: 200px;
        right: 0;
        top: -50px
    }
}
/* Lottie */

/* LOGIN MODAL */

.modaldiv {
    display: none;
    position: fixed;
    z-index: 100;
    bottom: 0;
    right: 0;
    top: 0;
    left: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    padding: 0 10px;
}
.contentmodal {
    width: 100%;
    max-width: 500px;
    height: 100%;
    max-height: 500px;
    z-index: 2;
    position: relative;
    margin: 0 auto;
    background: white;
    border-radius: 20px;
    padding: 10px;
}
.contentmodal iframe {
    height: 100%;
    width: 100%;
    border: none;
}
.contentmodal button {
    position: absolute;
    right: 2px;
    top: -10px;
    border-radius: 50px;
    border: none;
    width: 30px;
    height: 30px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    text-align: center;
    background: #ff4c4c;
    padding: 0;
}
.contentmodal button i {
    display: block;
    margin: 0 auto;
    color: white;
}
.overlaymodal {
    position: fixed;
    bottom: 0;
    right: 0;
    top: 0;
    left: 0;
    background: #00000070;
    z-index: -1;
}
.contentmodal.animate__animated.animate__bounceInDown {
    --animate-duration: .6s;
}
/* LOGIN MODAL */

/* GRID GAME SLIDE */

.swiper.gslidesec01 {
    width: 100%;
    height: auto;
    position: relative;
}
.gslidesec01 .swiper-slide {
    background-position: center;
    background-size: cover;
    width: 100%;
    max-width: 100%;
}
.gslidesec01 .swiper-slide img {
    display: block;
    width: 100%;
    max-width: 410px !important;
}
.swiper-cube .swiper-cube-shadow:before {
    content: '';
    background: #00000000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}
.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgb(0 0 0 / 0%), rgba(0, 0, 0, 0));
}
.swiper-wrapper {
    height: auto;
}
/* GRID GAME SLIDE */

/* Fixed Game */

.fixedpage {
    height: 400px;
}
.fixedpage.register {
    height: 730px;
}
.fixedpage iframe {
    width: 100%;
    border: none;
    height: 100%;
}
/* Fixed Game */

/* LINE BOX */

.linecutbt01:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    z-index: 9;
    background: linear-gradient(90deg, transparent, rgb(193 204 255) 30%, rgb(181 193 255) 70%, transparent);
}
.linecutbt02:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    z-index: 9;
    background: white;
    box-shadow: 0 0 5px #7ff1ec, 0 0 15px #31fde7, 0 0 25px #56ffec;
}
.linecutbt03:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    z-index: 9;
    background: white;
    box-shadow: 0 0 5px #ffffff, 0 0 15px #9479ff, 0 0 25px #9479ff;
}
/* LINE BOX */

/* Single Page */

.headerppp {
    text-align: center;
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
    display: flex;
    padding: 2px;
    margin-top: -38px;
    margin-bottom: 15px;
    border-radius: 10px;
    background-image: linear-gradient(178deg, #47a0fc, #2f44be), linear-gradient(90deg, #ffffff, #565656 31.53%, #ffffff 64.87%, #797979);
    background-origin: border-box;
    background-clip: content-box, border-box;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
}
.headerppp h1 {
    font-size: 23px;
    padding: 5px;
    margin: 0;
    font-weight: 300;
}
.containpage {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    margin-top: 128px;
    margin-bottom: 20px;
    padding: 10px;
    border-radius: 10px;
    background: #00000075;
}
.containpage.page {
    max-width: 100%;
    margin-top: 90px;
    border-radius: 0;
    margin-bottom: 0;
    padding: 0;
}
/* Single Page */

/* LOGIN MODAL */

.modaldiv {
    display: none;
    position: fixed;
    z-index: 100;
    bottom: 0;
    right: 0;
    top: 0;
    left: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    padding: 0 10px;
}
.contentmodal {
    width: 100%;
    max-width: 500px;
    height: auto;
    z-index: 2;
    position: relative;
    margin: 0 auto;
    background: linear-gradient(117deg, #1c6aba, #011a44c9);
    border-radius: 20px;
    padding: 10px;
}
.contentmodal iframe {
    height: 100%;
    width: 100%;
    border: none;
}
.contentmodal button {
    position: absolute;
    right: 2px;
    top: -10px;
    border-radius: 50px;
    border: none;
    width: 30px;
    height: 30px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    text-align: center;
    background: #ff4c4c;
    padding: 0;
}
.contentmodal button i {
    display: block;
    margin: 0 auto;
    color: white;
}
.overlaymodal {
    position: fixed;
    bottom: 0;
    right: 0;
    top: 0;
    left: 0;
    background: #00000070;
    z-index: -1;
}
.contentmodal.animate__animated.animate__bounceInDown {
    --animate-duration: .6s;
}
.contentmodal .login h1 {
    text-align: center;
    font-size: 20px;
    margin-top: 10px;
}
.contentmodal .login {
    padding: 0 20px;
}
.contentmodal .login img {
    width: 100%;
    max-width: 200px;
    height: auto;
    margin: 0 auto;
    display: block;
    margin-top: 15px;
}
.contentmodal .login input {
    background: #00000085;
    width: 100%;
    border-radius: 9px;
    border: none;
    padding: 10px;
    outline: none;
    color: white;
    box-shadow: 0 0 2px white, 0 0 15px #0000009e;
}
.contentmodal .login a.btnLogin {
    width: 100%;
    max-width: 200px;
    padding: 10px;
    background: radial-gradient(100% 100% at 50% 0, #ff7aa7 0, #f11962 44%, #9a0957 100%);
    display: block;
    margin: 20px auto;
    text-align: center;
    border-radius: 20px;
    color: white;
    text-decoration: none;
}
/* LOGIN MODAL */

/* SPIN */

.-right-container {
    position: relative;
}
.headerspin {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
    font-size: 26px;
    margin-top: 0px;
    font-weight: 400;
    top: 14px;
    background: linear-gradient( 180deg, #b38c2c 20%, #e8da9b 50%, #b38c2c 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: 'Mitr', sans-serif;
}
@media (max-width:991px) {
    .headerspin {
        margin-top: -3px;
        font-size: 24px;
    }
}
@media (max-width:575px) {
    .headerspin {
        font-size: 16px;
        top: 11px;
    }
}
@media (max-width:374px) {
    .headerspin {
        font-size: 15px;
    }
}
@media (max-width:350px) {
    .headerspin {
        font-size: 15px;
    }
}
.x-spinner-container {
    width: 100%;
    max-width: 400px;
    position: relative;
    margin: auto
}
.x-spinner-container .-slot-machine {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 0
}
.x-spinner-container .-slot-machine .-main {
    width: 100%;
    height: auto
}
.x-spinner-container .-img-front {
    position: absolute;
}
.x-spinner-container .-god {
    width: 60%;
    left: -30%;
    top: 10%;
    z-index: 1
}
.x-spinner-container .-god img {
    width: 100%;
    height: auto;
}
@media (max-width:575.98px) {
    .x-spinner-container .-god {
        width: 50%;
        left: -20%;
        top: 23%
    }
}
.x-spinner-container .-fireworks {
    width: 40%;
    right: -14%;
    top: 10%;
    z-index: 1
}
.x-spinner-container .-fireworks img {
    width: 100%;
    height: auto;
}
.x-spinner-container .-fishred {
    width: 45%;
    bottom: 0;
    right: -10%;
    z-index: 2
}
.x-spinner-container .-fishyellow {
    width: 35%;
    bottom: 0;
    left: -14%;
    -webkit-transform: rotate(22deg);
    transform: rotate(22deg);
    z-index: 2
}
.x-spinner-container .-shadow, .x-spinner-container .-wrapper {
    width: 64%;
    height: 38%;
    position: absolute;
    top: 92px;
    left: 18%;
    display: flex;
    overflow: hidden;
    box-shadow: inset 0 2px 21px rgba(0, 0, 0, .7);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
@media (max-width:991px) {
    .x-spinner-container .-shadow, .x-spinner-container .-wrapper {
        width: 64%;
        height: 110px;
        top: 80px;
        left: 18%;
    }
}
@media (max-width:575px) {
    .x-spinner-container .-shadow, .x-spinner-container .-wrapper {
        width: 64%;
        height: 86px;
        top: 62px;
        left: 18%;
    }
}
.x-spinner-container .-shadow ul, .x-spinner-container .-wrapper ul {
    width: 33.33333%;
    height: 60px;
    list-style-type: none!important;
    padding: 0;
    top: 30px;
    position: relative;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    z-index: 1
}
.x-spinner-container .-shadow ul img, .x-spinner-container .-wrapper ul img {
    width: 90%;
    height: auto;
}
.x-spinner-container .-shadow ul li, .x-spinner-container .-wrapper ul li {
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
.x-spinner-container .-shadow ul li:first-of-type, .x-spinner-container .-wrapper ul li:first-of-type {
    -webkit-transform: rotateX(0deg) translateZ(150px);
    transform: rotateX(0deg) translateZ(150px)
}
.x-spinner-container .-shadow ul li:nth-of-type(2), .x-spinner-container .-wrapper ul li:nth-of-type(2) {
    -webkit-transform: rotateX(24deg) translateZ(150px);
    transform: rotateX(24deg) translateZ(150px)
}
.x-spinner-container .-shadow ul li:nth-of-type(3), .x-spinner-container .-wrapper ul li:nth-of-type(3) {
    -webkit-transform: rotateX(48deg) translateZ(150px);
    transform: rotateX(48deg) translateZ(150px)
}
.x-spinner-container .-shadow ul li:nth-of-type(4), .x-spinner-container .-wrapper ul li:nth-of-type(4) {
    -webkit-transform: rotateX(72deg) translateZ(150px);
    transform: rotateX(72deg) translateZ(150px)
}
.x-spinner-container .-shadow ul li:nth-of-type(5), .x-spinner-container .-wrapper ul li:nth-of-type(5) {
    -webkit-transform: rotateX(96deg) translateZ(150px);
    transform: rotateX(96deg) translateZ(150px)
}
.x-spinner-container .-shadow ul li:nth-of-type(6), .x-spinner-container .-wrapper ul li:nth-of-type(6) {
    -webkit-transform: rotateX(120deg) translateZ(150px);
    transform: rotateX(120deg) translateZ(150px)
}
.x-spinner-container .-shadow ul li:nth-of-type(7), .x-spinner-container .-wrapper ul li:nth-of-type(7) {
    -webkit-transform: rotateX(144deg) translateZ(150px);
    transform: rotateX(144deg) translateZ(150px)
}
.x-spinner-container .-shadow ul li:nth-of-type(8), .x-spinner-container .-wrapper ul li:nth-of-type(8) {
    -webkit-transform: rotateX(168deg) translateZ(150px);
    transform: rotateX(168deg) translateZ(150px)
}
.x-spinner-container .-shadow ul li:nth-of-type(9), .x-spinner-container .-wrapper ul li:nth-of-type(9) {
    -webkit-transform: rotateX(192deg) translateZ(150px);
    transform: rotateX(192deg) translateZ(150px)
}
.x-spinner-container .-shadow ul li:nth-of-type(10), .x-spinner-container .-wrapper ul li:nth-of-type(10) {
    -webkit-transform: rotateX(216deg) translateZ(150px);
    transform: rotateX(216deg) translateZ(150px)
}
.x-spinner-container .-shadow ul li:nth-of-type(11), .x-spinner-container .-wrapper ul li:nth-of-type(11) {
    -webkit-transform: rotateX(240deg) translateZ(150px);
    transform: rotateX(240deg) translateZ(150px)
}
.x-spinner-container .-shadow ul li:nth-of-type(12), .x-spinner-container .-wrapper ul li:nth-of-type(12) {
    -webkit-transform: rotateX(264deg) translateZ(150px);
    transform: rotateX(264deg) translateZ(150px)
}
.x-spinner-container .-shadow ul li:nth-of-type(13), .x-spinner-container .-wrapper ul li:nth-of-type(13) {
    -webkit-transform: rotateX(288deg) translateZ(150px);
    transform: rotateX(288deg) translateZ(150px)
}
.x-spinner-container .-shadow ul li:nth-of-type(14), .x-spinner-container .-wrapper ul li:nth-of-type(14) {
    -webkit-transform: rotateX(312deg) translateZ(150px);
    transform: rotateX(312deg) translateZ(150px)
}
.x-spinner-container .-shadow ul li:nth-of-type(15), .x-spinner-container .-wrapper ul li:nth-of-type(15) {
    -webkit-transform: rotateX(336deg) translateZ(150px);
    transform: rotateX(336deg) translateZ(150px)
}
.x-spinner-container .-shadow ul:nth-of-type(01), .x-spinner-container .-wrapper ul:nth-of-type(01) {
    -webkit-animation-duration: 3s;
    animation-duration: 3s
}
.x-spinner-container .-shadow ul:nth-of-type(02), .x-spinner-container .-wrapper ul:nth-of-type(02) {
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-transform: rotateX(25deg);
    transform: rotateX(25deg)
}
.x-spinner-container .-shadow ul:nth-of-type(03), .x-spinner-container .-wrapper ul:nth-of-type(03) {
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-transform: rotateX(95deg);
    transform: rotateX(95deg)
}
.x-spinner-container .-shadow.-rotate ul, .x-spinner-container .-wrapper.-rotate ul {
    -webkit-animation-name: x-slot;
    animation-name: x-slot
}
.x-spinner-container .-shadow.-finish .slot, .x-spinner-container .-wrapper.-finish .slot {
    -webkit-animation-name: x-slot-finish;
    animation-name: x-slot-finish;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: 3;
    animation-iteration-count: 3
}
.x-spinner-container .-shadow {
    background: linear-gradient(rgba(0, 0, 0, .3), transparent, transparent, transparent, rgba(0, 0, 0, .3));
    z-index: 2
}
.x-spinner-container .-btn-spin {
    width: 28%;
    height: 18%;
    position: absolute;
    top: 250px;
    left: 36%;
    font-size: 1.75rem;
    color: #ff0!important;
    font-weight: 700;
    background: linear-gradient(180deg, #1c1c1c, #0f0e0a);
    border-radius: 12px 12px 24px 24px;
    text-align: center;
    cursor: pointer;
    box-shadow: inset 0 0 13px grey;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 5px solid #f9cb48;
    overflow: hidden;
}
@media (max-width:991px) {
    .x-spinner-container .-btn-spin {
        width: 28%;
        height: 50px;
        position: absolute;
        top: 220px;
        left: 36%;
    }
}
.x-spinner-container .-btn-spin span {
    background: linear-gradient(0deg, #f90 30%, #ff0 40%, #f90 50%, #ff0 60%, #f90 70%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 0
}
.x-spinner-container .-btn-spin:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    width: 110%;
    height: 50%;
    -webkit-transform: rotate(135deg) translateY(-140px);
    transform: rotate(135deg) translateY(-140px);
    background: linear-gradient(0deg, transparent, hsla(0, 0%, 100%, .3), transparent);
    -webkit-animation-name: x-prefix;
    animation-name: x-prefix;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}
@-webkit-keyframes x-prefix {
    0% {
        -webkit-transform: rotate(135deg) translateY(-120px);
        transform: rotate(135deg) translateY(-120px)
    }
    30% {
        -webkit-transform: rotate(135deg) translateY(40px);
        transform: rotate(135deg) translateY(40px)
    }
    to {
        opacity: 0
    }
}
@keyframes x-prefix {
    0% {
        -webkit-transform: rotate(135deg) translateY(-120px);
        transform: rotate(135deg) translateY(-120px)
    }
    30% {
        -webkit-transform: rotate(135deg) translateY(40px);
        transform: rotate(135deg) translateY(40px)
    }
    to {
        opacity: 0
    }
}
@media (max-width:991.98px) {
    .x-spinner-container {
        max-width: 350px;
        margin-top: 30px;
    }
    .x-spinner-container .-wrapper ul {
        top: 17px;
    }
}
@media (min-width:576px) {
    .x-spinner-container .-rotate ul {
        -webkit-transform: rotateX(2950deg)!important;
        transform: rotateX(2950deg)!important
    }
    @-webkit-keyframes x-slot {
        0% {
            -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg)
        }
        to {
            -webkit-transform: rotateX(2950deg);
            transform: rotateX(2950deg)
        }
    }
    @keyframes x-slot {
        0% {
            -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg)
        }
        to {
            -webkit-transform: rotateX(2950deg);
            transform: rotateX(2950deg)
        }
    }
    @-webkit-keyframes x-slot-finish {
        0% {
            -webkit-transform: scale(1) rotateX(2950deg);
            transform: scale(1) rotateX(2950deg)
        }
        50% {
            -webkit-transform: scale(1.2) rotateX(2950deg);
            transform: scale(1.2) rotateX(2950deg)
        }
        to {
            -webkit-transform: scale(1) rotateX(2950deg);
            transform: scale(1) rotateX(2950deg)
        }
    }
    @keyframes x-slot-finish {
        0% {
            -webkit-transform: scale(1) rotateX(2950deg);
            transform: scale(1) rotateX(2950deg)
        }
        50% {
            -webkit-transform: scale(1.2) rotateX(2950deg);
            transform: scale(1.2) rotateX(2950deg)
        }
        to {
            -webkit-transform: scale(1) rotateX(2950deg);
            transform: scale(1) rotateX(2950deg)
        }
    }
}
@media (max-width:767.98px) {
    .x-spinner-container {
        max-width: 350px;
    }
    .x-spinner-container .-wrapper ul {
        top: 13px;
    }
    .x-spinner-container .-btn-spin {
        font-size: 1.2rem;
        border-radius: 12px 12px 18px 18px
    }
}
@media (max-width:575.98px) {
    .x-spinner-container {
        max-width: 270px;
    }
    .x-spinner-container .-rotate ul {
        -webkit-transform: rotateX(2952deg)!important;
        transform: rotateX(2952deg)!important
    }
    @-webkit-keyframes x-slot {
        0% {
            -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg)
        }
        to {
            -webkit-transform: rotateX(2952deg);
            transform: rotateX(2952deg)
        }
    }
    @keyframes x-slot {
        0% {
            -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg)
        }
        to {
            -webkit-transform: rotateX(2952deg);
            transform: rotateX(2952deg)
        }
    }
    @-webkit-keyframes x-slot-finish {
        0% {
            -webkit-transform: scale(1) rotateX(2952deg);
            transform: scale(1) rotateX(2952deg)
        }
        50% {
            -webkit-transform: scale(1.2) rotateX(2952deg);
            transform: scale(1.2) rotateX(2952deg)
        }
        to {
            -webkit-transform: scale(1) rotateX(2952deg);
            transform: scale(1) rotateX(2952deg)
        }
    }
    @keyframes x-slot-finish {
        0% {
            -webkit-transform: scale(1) rotateX(2952deg);
            transform: scale(1) rotateX(2952deg)
        }
        50% {
            -webkit-transform: scale(1.2) rotateX(2952deg);
            transform: scale(1.2) rotateX(2952deg)
        }
        to {
            -webkit-transform: scale(1) rotateX(2952deg);
            transform: scale(1) rotateX(2952deg)
        }
    }
    .x-spinner-container .-btn-spin {
        font-size: .9rem;
        border-width: 3px;
        border-radius: 5px 5px 12px 12px;
        top: 170px;
        height: 40px;
    }
}
@media (max-width:375px) {
    .x-spinner-container .-btn-spin {
        font-size: .9rem;
        border-width: 3px;
        border-radius: 5px 5px 12px 12px;
        top: 160px;
        height: 40px;
    }
    .x-spinner-container {
        width: 250px
    }
    .x-spinner-container ul {}
    .x-spinner-container .-rotate ul {
        -webkit-transform: rotateX(2953deg)!important;
        transform: rotateX(2953deg)!important
    }
    @-webkit-keyframes x-slot {
        0% {
            -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg)
        }
        to {
            -webkit-transform: rotateX(2953deg);
            transform: rotateX(2953deg)
        }
    }
    @keyframes x-slot {
        0% {
            -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg)
        }
        to {
            -webkit-transform: rotateX(2953deg);
            transform: rotateX(2953deg)
        }
    }
    @-webkit-keyframes x-slot-finish {
        0% {
            -webkit-transform: scale(1) rotateX(2953deg);
            transform: scale(1) rotateX(2953deg)
        }
        50% {
            -webkit-transform: scale(1.2) rotateX(2953deg);
            transform: scale(1.2) rotateX(2953deg)
        }
        to {
            -webkit-transform: scale(1) rotateX(2953deg);
            transform: scale(1) rotateX(2953deg)
        }
    }
    @keyframes x-slot-finish {
        0% {
            -webkit-transform: scale(1) rotateX(2953deg);
            transform: scale(1) rotateX(2953deg)
        }
        50% {
            -webkit-transform: scale(1.2) rotateX(2953deg);
            transform: scale(1.2) rotateX(2953deg)
        }
        to {
            -webkit-transform: scale(1) rotateX(2953deg);
            transform: scale(1) rotateX(2953deg)
        }
    }
}
/* SPIN */

/* 404 Not found */

.containerror {
    margin-top: 260px;
}
.incontainerror {
    text-align: center;
    font-size: 40px;
}
/* 404 Not found */

/* Spin Image */

.containanimate {
    width: 100%;
    max-width: 100%;
    height: 276px;
    margin-top: 134px;
}
#canvas {
    margin-top: -262px;
    margin-bottom: -329px;
    width: 100%;
    height: 100%;
    background-size: cover !important;
    z-index: 1;
    position: relative;
    transform: scale(.4);
    background: linear-gradient(45deg, #00000070, #000000a6), url(images/bg/bg5.jpg);
    border-radius: 20px;
    box-shadow: 0 0 5px black, 0 0 25px black;
}
@media (max-width:991px) {
    #canvas {
        transform: scale(.8);
        margin-top: -84px;
        margin-bottom: -123px;
    }
}
@media (max-width:750px) {
    #canvas {
        transform: scale(.9);
        margin-top: -84px;
        margin-bottom: -103px;
    }
}
@media (max-width:550px) {
    #canvas {
        transform: scale(.9);
        margin-top: -84px;
        margin-bottom: -103px;
    }
}
#canvas.playing {
    cursor: url('images/icon/aim_red_j9cyuq.png') 17.5 17.5, auto !important;
}
/* Spin Image */